【CSS】复习笔记（一）简介与语法

~~###CSS一、简介CSS是一种层叠样式表，是一种用来表达HTML或XML文件样式的语言。结构（html）+装饰（css）+内涵（js）2.语法语法组合选择器{ruleattribute:value;attribute:value;}如何导入css1.【内联样式表】直接在style属性中填写css规则---过度耦合，但优先级高2.【内部样式表】将样式写在style标签中---结构清晰，解耦，且样式是独立的，但样式和结构还是混杂的3.【外部样式表】卸载.css文件中的样式，通过链接将文件导入html选择器1.核心选择器标签选择器（大范围，smallpriority)div{}ul{}dl{}classselector.nav{}id选择器（优先级高于class#id{}组合选择器body，ul{}和selectorul.nav{}universalselector*{}2.层级选择器父子选择器parent>child{}.nav>li#wrapperunderli{}nav>Allchildelementsunder*{}wrapperDescendantselectorafterparent{}.right_navli{}nextsiblingselectorselector+selector{}allsiblingselectorsselector~selector{}3.伪类选择器[filter]:first-child{first}:last-child{last}:nth-child(n){nth}:nth-child(2n+1){}:nth-child(odd){}:hover{}Cursor4.伪元素选择器[filter]::after在元素内容后面插入一些内容ul.nav::after{display:"block";}

::before----在元素前插入内容::first-letter----选择元素的首字母。::first-line----选择元素的第一行。::selection----选择用户选择的元素Part5.属性选择器[filter][name]选择name属性为[name=username]的元素选择name属性值为nameuser的元素[name]^=u]选取name属性以u开头的元素[name$=u]选取name属性以u[name*=u]结尾的元素选取name属性包含u的元素优先权！importantweight1000style属性100#id10.class伪类1元素顺序