**CSS (Cascading Stylel Sheet) **：层叠样式表，是一组格式设置的规则，用于控制web页面的外观。
选择器{属性:属性值;属性:属性值;}
继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代，并不是所有的属性都能被继承，一般的自提属性是能继承的。
1.ID选择器（页面中不能出现同名的id）
标签内：<p id="name">ID选择器</p>
style内：#name { color:red; }
2.类名选择器
标签内： <div class="name">类名选择器</div>
style内：.name { color:red; }
3.标签选择器
标签内：<div>标签选择器</div>
style内：div{ color:red; }
4.通用选择器
标签内： <div>通用选择器/全局选择器</div>
style内：* { color:black; } "*"作为通用选择器，他的优先级是最低的。
5.伪类选择器
标签内：<a>超链接</a>
style内：
a:link { color:black; } a:visited { color:purple } a:hover { color:blue; } a:active { color:red }
正常的显示顺序 L V H A ：link（访问前）、visited（访问后）、 hover（经过时）、 active（点击时）。
6.后代选择器
标签内：<div><p>子元素<p></div>
style内：div p { color:red; }
后代选择器对应对象内所有的子节点都有效。
7.子选择器
标签内： <div><p>子元素<p></div>
style内：div>p { color:red; }
子选择器只对应用对象的直接子节点有效。
8.群组选择器
标签内： <div>元素一</div><p>元素二<p>
style内：div,p { color:red; }
9.交叉选择器
标签内：<p class="name">段落标签</p>
style内： p.name { color:red; }
第一个必须是标签选择器，第二个必须是类选择器或者ID选择器，两个选择器之间不能有空格，是连续写的。
选择器的优先级
行内样式 > ID > 类 > 标签
html中使用CSS的引入方式
1.标签内引入
<div style="color:red;">我是div</div>
2.内嵌式引入
在 head 部分 加入<head><style> div { color:red; } </style></head>
3.link 链接式引入
在 head 部分引入外部的css文件<head><link rel="stylesheet" href=""/></head>
4.@import引入
在 style 里面引入外部的css文件<style type="text/css">@import url(12.css);</style>
优先级####
行内样式>（内嵌式、链接式，谁在后加载谁的）> @import
网友评论