css层叠样式表

一、CSS的发展历程
1、从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
随着html的成长，为了满足前端开发者的需要，html新增很多样式属性，html变得更加杂乱，html越来越臃肿，这时，css诞生了。
二、认识CSS
CSS全称(Cascading Style Sheets)！
CSS通常称为CSS样式表或**层叠？**样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
三、css样式规则
例、h1{ color: pink; font-size: 10px; }
选择器 属性1:属性值1; 属性2:属性值2。
html中键值对用等号连接，css用冒号。
html不同属性用空格连接，css用分号。
四、CSS字体样式属性
1、font-size:字号大小。
2、font-family:字体。
小贴士网页普遍使用14px以上的大小。
2.1尽量使用偶数的数字符号，ie6这种老的浏览器支持奇数时有bug。
2.2中文字体加引号，英文字体不需要加引号了，当英文字体中有空格，#$的时候需要加引号。
2.3尽量用默认字体，保证任何用户的浏览器都能正确显示。
3、font-weight:字体粗细。
4、font-style:字体风格
5、font:综合设置字体样式 (重点)
选择器{font: font-style font-weight font-size/line-height font-family;}
选择器（重点）
说明、要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。
1、标签选择器
标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
例（标签名{属性名1:属性值1; 属性名2:属性值2}）
2、类选择器
类选择器用" . “进行标识，后面紧跟类名，基本语法
例.类名{属性名1:属性值1; 属性名2:属性值2}
3、多类名选择器
3.1式的显示效果和类名的先后顺序没有关系，css样式书写的顺序有关系
层叠的概念，也就是说样式会被后来样式覆盖掉
3.2类名之间用空格隔开
3、id选择器
id选择器用” # “进行标识，后面紧跟id名，基本语法。
#id名{属性名1:属性值1; 属性名2:属性值2}
4、通配符选择器
用”*"表示，所有选择器中作用范围最广的，能匹配所有的元素（在权重里是比较低的）
5、伪类选择器
伪类选择器向某些选择器中添加特殊的效果，可以选择第一个元素，选择第N个元素
类选择器用. 伪类选择器用:
链接伪类选择器
1 link 未访问的连接
2.visited 已访问的连接
3.hover 鼠标悬停
4.active 选定的链接
写的时候，顺序不要颠倒，lvha，love hate 爱恨记忆法