简单介绍CSS的基本内容,快速入门
工具/原料
学习环境为sublime
html中怎样引入CSS?
1、CSS是做什么的?CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表CSS负责定义样式,让网页变得更好看,优化用户体验。而html只负责文档的结构和内容
2、在html中怎么使用CSS?有三种方式:第一种内联式:通过标签的style属性,在标签上直接写样式。这种是很古老的使用方法,将html标签和CSS混在一起使用显的比较混乱,不推荐使用。<div style="width:100px; height:100px; color:red ">......</div>
3、第二种嵌入式:通过style标签,在网页上创建嵌入的样式表。这种在首页使用比较多,比如淘宝首页就使用这种方式。好处是加载比较快。<style type="text/css"> div{ width:100px; height:100px; color:red } ......#所有的div标签内容均变为设置的样式</style>
4、第三种外联式:新建一个css文件,通过link标签,链接到这个文件。这种方式在实际开发中使用最多。<link rel="stylesheet" type="text/css" href="css/main.css">#css/main.css代表css的地址