这是我参与「第四届青训营 」笔记创作活动的第2天
CSS应用方式：
CSS：全称为Cascading Style Sheet，翻译为层叠样式表（或者是级联样式表），简称样式表。用来实现美化界面、控制页面布局的效果。
行内样式表：inline style，也被称为内联式
使用方式：直接定义在标签中，在标签中定义style属性，在style中属性和值的表示方式是：style“属性：值；”
内部样式表：internal style sheet，也被称为内嵌式。
使用方式：用div与{}的方式结合
外部样式表：external style sheet，也被称为外链式。
使用方式：定义样式文件，其中编写样式属性，可以被站内多个页面调动。
选择器：也被称为选择符，用于选择需要添加样式的元素。
作用：找到应用样式的位置和范围
ID选择器：使用“#id名”，选中指定id的元素
注意：Id名称只能对应一个元素，不能重复
效果：只设定指定ID名称的元素样式
类别选择器：
div class = ()
注意：类别选择器是可以重复多次使用的
分类：（1）相同标签，相同类别
（2）相同标签，不同类别
（3）不同标签，相同类别
（4）同一标签，不同类别
相同类别的元素样式相同，同一个元素可以使用多个类别，可以用空格隔开。
CSS的注释用*/实现，快捷键与html相同
常用文本标签
伪类：同一个元素，将其不同的状态和位置，当作不同的类别。
伪类选择器：通过伪类（元素不同的状态和位置）来筛选元素的方法。
超链接：
Link和visited为静态伪类，hover和active为动态伪类。
动态伪类要定义在静态伪类之后才能生效，active需要定义在hover之后才能生效。
a{}和a：link{}的区别：
a{}定义的样式针对了所有a元素（包括没有href属性的a元素）
a：link{}定义的样式只针对了写了href的a元素
focus选择器，侧重于聚焦元素，使用方法约类与hover和active。
Label标签：为input元素定义标注/标记
效果：用户点击文字内容时，焦点会移动到绑定的控件上。
目的：通过关联指定元素，扩大聚焦范围，提升用户体验。
Tips：label标签本身并不会给用户带来任何视觉效果。
结构/位置伪类选择器：
目标选择器：
目标伪类选择器是一个动态选择器，只有存在url指向该匹配元素时，样式生效。
*属性 ：target*
复合选择器：
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，目的是为了更准确更精确地选择目标元素.
