1、CSS:层叠样式表,用来美化网页的。做到结构(HTML)和表现(CSS)分离
2、基本语法:由三部分组成:选择器、属性、属性值
选择器{
属性:属性值;
}
3、CSS的四种引用方式
(1)行间样式(嵌入式样式):直接在标签上书写样式
(2)内部样式:在文件的内部书写样式
(3)外部样式:先创建一个css文件,再用link标签引入这个文件
(4)导入外部样式:先创建一个css文件,在style标签中用import导入这个样式文件。
区别:行间样式只能用于当前标签;内部样式只能用于当前文件;外部样式可以被多个HTML文件引用
在实际项目开发中,最好使用外部样式,外部样式分为link引入和import引入,这两种方式的区别:
(1)link是HTML标签,除了加载css外还可以定义rss等其他事务;@import属于css范畴,只能加载css
(2)link引用css时,在页面载入同时加载;@import需要页面完全载入以后加载
(3)link是XHTML标签,无兼容问题;@import是在css2.1提出的,低版本浏览器不支持。
(4)link支持使用JavaScript控制DOM去改变样式;而@import不支持。
4、css选择器
(1)* :匹配html中所有元素(注:*的性能差,因为它要匹配所有元素,在开发时不建议使用)
(2)标签选择器:用来匹配对应标签
(3)类选择器:用来选择匹配class命名的标签
(4)ID选择器:用来选择用id命名的标签
(5)派出选择器:根据上下