CSS初学到精通手把手.docVIP

样式选择器 一：选择器 1：html有标签，css就有选择器 2:选择符就是赋予内部或外部样式表的名字 3:html的标签，用来改变一个指定标签的样式 4：任何一个元素都可以是一个css选择符。 样式选择器分为哪能种类： .nav{ } #left{ } a,b,h1,#one{ } a b h1 #two{ } a:hover,a;link{ } 二、类选择器 1: 同一个选择器能有不同的类、因而允许同一个元素有不同的样式。 定义的方式：① : 「」class)可拉斯；类名 （类名为自定义的、如果不加tag则代表所有html元素）： ②:tag class=“类名 类名1 类名2”（同一个元素可以使用多个类，类名之间使用空格分开）cla1 cla2 cla3 为自定义 style P.cla1{ color:red; font:12px } p.cla2{ background-color:#00FF00; color:#FFFFFF; border:1px solid red } p.cla3{ font-size:4cm; color:#000000 } .one{ background-color:red; } .two{ border:3px solid blue } /style p class=cla2PPPPPPPPPP/p 背景色为绿色 字体白色 有一个像素红色的边框实体(solid)的 p class=cla1PPPPPPPPPP/p 颜色为红色 字体大小12像素 p class=cla3 one two PPPPPPPPPP/p 出程现出cla3 one two 的三种样式，因为one two前面没有元素只有点，所以对每个html的样式都管用。一个加红色背景蓝色边框4cm的P字 b PPPPPPPPPPPPPPPP/b h1PPPPPPPPPPPPPp/h1 这是只针对P标签的样式。 对b/b h1 /h1是不能起到作用的。但是如何：把p(P)去掉直接留点就对所有的标签都可以定义了。(点cla1) 三：ID选择器 1:在html页面中，ID属性指定了某个单一元素，id属性就用来对单一元素定义单独样式。 2:一个html页面中，id属性值要唯一。 3：使用ID的格式：#idname{ } (idname是自定义的名称) 就是：tag id=”idname” 例： #id2{ background-color:#00FF00; color:#FFFFFF; border:1px solid red} 四：关联样式选择器 1：关联选择器只不过是一个用空格隔开的两个或更多的单一选择器给成的字符串。 2：因为层叠顺序的规则，它们的优先权比单一的选择符大 3：必须按关联关系使用。 4：只要能保持关联关系就可以，不管是在多少层。 (组合是用逗号，关联是用空格) 例：style div #one .two p{ color:red; font-size:30px } /style /head body div div id=one div class=two pAAAAA/p /div /div /div /body 五：组合选择器 1：为了减少样式表的重复声明，组合是允许的，只要使用（，逗号）隔开每个选择符就可以了。 例：style div,#one,.two,p,h1,h2,b{ color:red; font-size:30px; background-color:#999999; border:2px solid red; } /style /head body divAAA/div pCCCC/p h1WWW/h1 他们的样式是一样的`` 五：伪元素选择器 伪元素选择器是指对同一个HTML元素在不同的状态下的一种定义方式 目前只有a和p两处HTML元素可以使用 使用时的语法 标签：伪元素 标签［.类名］：伪元素 a:link 没有任何运作前的状态 a:hover 光标移到到超链接上的状态 a:active: 选择超链接的状态 a:visited 访问过超连接的状态 p:first-letter 一个段落中首个字母的状态 P:first-line 一个段落中首行的状态 六：样式规则的继承 1: 所有嵌套在某个HTML标签中的HTML标签都会继承外层标签设置的样式规则。 2：优先级：关联ID选择器CLASS选