css初步小结

css语法结构

h1{background：#000}

 ↑           ↑               ↑

选择符    属性           值

如何引入CSS

 1.行内引用：<h1 style="color:#fff">xxxxxx xxxxx</h1>

 2.内部引用：<style type="text/css">h1{background：#000}</style>

 3.外部引用：<link type="text/css" rel="stylesheet" href="url(路径)">

引用的优先级是 就近原则 

CSS代码注释

/* xxxxx */

选择符类型

1.通配符（所以的元素都适用）：*{padding:0;marght:0}

2.元素符：h1{xxxx：xxxx} 或 p{xxxx：xxx}

3.群组符：h1,p{xxxx：xxx}或a,div{xxxxxz:xxxxx}

4.关系符：有以下4种关系

 1.包含  例如：p a{xxx：xxx}，div h1 #id{xxxx：xxx}

 2.子  （相比于包含 子只会作用于下一级）例如：div>a{xxxx:xxxx} p>#id{xxxxx:xxx}

 3.相邻（位于后面的一个元素能起效果）  例如：p+h1{xxxxx：xxx}，a+h1{xxxxxx：xxx}

 4.同辈 （相比于相邻 后面所有的该元素都能起作用）h1~a{xxxxxx：xxxx} div~p{xxxxxxx：xxx}

5.ID以及class 例如：#a{xxxxxxx：xxx} .b{xxxxx:xxx}

6.伪类（元素处于某种状态时使用）例如：#c：hover（当鼠标在元素上悬停时）{xxxx：xxxx} a：link（超链接未被访问时的样式）{xx：xx}

 

 

 

转载于:https://www.cnblogs.com/zhiwudenengliang/p/5750208.html