CSS
- 层叠样式表
- 作用: 负责美化页面 (装修)
css三大特性:
继承性
层叠性
优先级
如何在html页面中添加CSS样式代码
内联样式:在标签的style属性中添加样式代码, 弊端:不能复用
内部样式:在head标签里面添加style标签, 通过选择器找到元素后再添加样式代码, 可以复用但是不能多页面复用
外部样式:在单独的css样式文件中写样式代码, 在html页面中通过link标签引入, 可以多页面复用,可以将样式代码和html代码分离开.
工作中外部样式使用的最多, 学习过程中内部样式用的多
选择器
标签名选择器
格式: 标签名{样式代码}
匹配页面中所有同名标签
id选择器
格式: #id{样式代码}
当需要选择页面中某一个元素时使用
类选择器
格式: .class{样式代码}
当需要选择页面中多个不相关元素时, 给多个元素添加相同的class属性值即可
分组选择器
格式: p,#abc,.xyz{样式代码}
将多个选择器合并为一个选择器的写法
属性选择器
格式: 标签名[属性名=‘值’]{样式代码}
选择器练习