今天复习一下前阵子跟视频自学和在Runoob练习的CSS基础语法。
CSS概述
- 层叠样式表(Cascading Style Sheets) 功能和作用粗暴概括为——化妆。设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
多重样式会层叠成一个，默认后者覆盖前者，但标记
!important除外。它权重最高。但!important会被max-width/min-width覆盖。 - CSS基础语法
(1) 语法构成：选择器（style attribute）+一条/多条声明（property+value）
(2) 颜色值的4中写法 p { color: #ff0000; } p { color: #f00; } p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%);
-
CSS选择器
(1) 通配符选择器 使用“*”号表示，能匹配页面中所有的元素。 *{font-size: 12px}(2) 标签选择器 又称元素选择器 最常见的 CSS 选择器是元素选择器,文档的元素就是最基本的选择器。 如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身：
作用：根据指定的标签名称，在当前界面中找到所有该名称的标签，然后设置属性。 格式： p { color:blue; }
注意： 1、只要是HTML的标签都能当做标签选择器 2、标签选择器选中的是当前界面中的所有标签,而不能单独选中某一标签 3、标签选择器，无论嵌套多少层都能选中
(3) class类选择器
允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。 匹配所有class属性中包含info的元素。 语法： classname {property: value;} (类名不能以数字开头，类名要区分大小写)
注意： 1、类名就是专门用来给某个特定的标签设置样式的 2、每个标签都可以设置一个或多个class（空格分隔），class就相当于人/标签的名称，因此同一界面内class可以重复 3、引用class一定要加点. 4、类名的命名规则与id的命名规则相同
例： .Mycolor {color: yellow}
（4）ID选择器
语法：#ID名{样式}
作用：根据指定的id名称，在当前界面中找到对应的唯一一个的标签，然后设置属性
格式： id名称 { 属性：值; }
注意：
1、在企业开发中如果仅仅只是为了设置样式，通常不会使用id，在前端开发中id通常是留给js使用的 2、每个标签都可以设置唯一一个id，id就相当于人/标签的身份证，因此在同一界面内id绝不能重复 3、引用id一定要加# 4、id的命名只能由字符、数字、下划线组成，且不能以数字开头，更不能是html关键字如p，a，img备注: ID选择器的优先级非常高，所以确定在整个页面内唯一出现时，才开一使用，否则因为优先级问题在后续维护中不能很好进行修改和更新。
例： #Mycolor {color: yellow}
ID选择器命名规范：
-只允许出现字母（大小写均可，严格区分）、下划线、数字。
-只允许以字母开头。
-命名没有长度限制，不过不建议过长。
-不允许出现标签名。
ID选择器与class选择器的区别：
相同的class属性值，可以在HTML中出现多次，ID属性值在页面中则只能出现一次。
一个class的属性可以有多个值，也就是说一个标签可以有多个类。
(5) 多元素选择器
多元素选择器 同时匹配多个标签，用逗号分隔。 其右边的样式将应用到多个选择器所引用的元素。 例： h3,h4 {color: yellow;}
(6) 复合选择器
标签指定式选择器
标签指定式选择器有两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如：h3.special, p#one等等。
不想写了，到这儿吧。本文部分内容引用自https://www.cnblogs.com/iamspecialone/p/11172147.html 这老哥写得挺详细的。
