版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/first52hz/article/details/81317412
目录
扫描二维码关注公众号，回复： 3389690 查看本文章
样式表
Cascading style sheet 层叠样式表
行内样式表
- 单词：style
- 特点：书写在标签内部
- 使用：style=“属性1：属性值 ；属性2：属性值2；”
- 属性值如下
- color：pink；
- font-size：25px；
内部样式表
- 单词：style
- 特点：写在head的底部
- 使用：<style> 选择器 { 属性1：属性值； } </style>
外部样式表
- 单词：style
- 特点：写在.css文件中
- 使用：选择器 { 属性1：属性值；} <link rel=“stylesheet” href=“style.css” />
- 注：优先级从小到大执行
选择器
- 标签选择器
- 类选择器（多类名选择器）
- id选择器
- 通配符选择器
标签选择器
- 单词：p，div等等
- 特点：选出所有的某种标签
- 使用：p { 属性：属性值；}
类选择器
- 单词：class
- 特点：类似于名字，可以用多次
- 使用：.suibian { 属性：属性值；} class=“suibian”
多类名选择器
- 单词：class
- 特点：多个类属性写在一个class内，以空格隔开
- 使用：.red { 属性：属性值；} .font20 {属性：属性值；} class=“red font20”
- 注：若多种class内容有冲突，样式由style中的靠后的类样式决定
id选择器
- 单词：id
- 特点：类似于身份证号，只能用一次
- 使用：#red { color：pink；} id=“red”
通配符选择器
- 单词：*
- 特点：匹配页面所有元素
- 使用：* { color：pink；} （基本不用，跳内外边距）