CSS31。学习目标1）如何重置样式2）如何优化样式1.如何布局2.如何提炼2.了解css层叠样式表，用于修改HTML结构（布局、样式修改）
1）什么是布局？默认left和right是上下排列的（块元素的特点就是占一行空间！）可以使用css技术左右排列2）什么是样式修改排列（center,left,right）font(粗细、大小、颜色)background(背景颜色、背景图片、背景渲染起点、背景填充方式)3.css语法1.样式选择器1{key1:val1;/*规则*/key2:val2;....}选择selector2{key1:val1;/*规则*/key2:val2;....}什么是选择器？准确选择您想要的位置style.header>div:first-child{float:left;文本对齐：左；颜色：#666666；}解释：selector.header>div:first-childrule{key:val}文本类text-字体类font-背景色背景布局类floatposition...Howtoapplycsstohtml1)Embedinhtml(header)tags[class]在html中写css2)外部导入一个单独的css文件[project]在一个单独的css文件中写css3)Embedinthehtmltag[less，修改别人的代码]在html选择器中tag的属性中写上css1)basicselectoridselector#two{}classselector.second{}labelselectorp{}orselector.first,.second{}andselectordiv.first{}2)层级选择器子选择器(推荐5层以内)div.first>p{}后代选择器div.firstli{}nextsiblingselector#two_li+li#two_li之后的所有兄弟选择器~li3)filter1.伪元素过滤器（伪元素选择器）::after（在被选元素后面插入一个元素，伪元素没有开始和结束标签）::before（插入一个元素被选元素内部之前，伪元素没有开始和结束标签)ul>li::before{}ul>li::after{}
2.伪类过滤器（伪类选择器）:first-child:last-child:nth-child(n):only-child(独生子):first-of-type(同类型1的第一个):last-of-type:nth-of-type:hover（光标放在上面后变色）:visited（访问后变色）:active（激活，按住鼠标时变色）)3。属性过滤器（一般应用在表单中）selector[class='']div[id]选择div元素，且该元素有id属性div[id=one]选择div且id属性值为1等.取值为div#onediv[id~=0]selectdivandoneoftheidvaluesis0div[id$=0]selectdivandidendswith0div[id^=0]selectdivandid以0开头的div[id*=0]selectdivid的值包含04.selectorpriorityprivilege:!important(addedtotherule,highestpriority)weight:1000rulesdeclaredinthestyleattribute100idselector10Class选择器、伪类选择器、属性选择器1元素选择器、伪元素选择器
