CSS入门基础知识学习.docxVIP

style type=ntext/cssH head title title style type=Htext/cssu P{color:blue; Background-color:gray; } /style /head body p 第一次学 css /p /body —-、 html head title title style type=Mtext/cssn p.red{ coloured;} /sty!e /head body Vhl类别选择符演示/hl p class=red这是第一个段落 /P p class=nredn这是第二个段落 /P vp这是第一个段落/P /body /html —-、 P { color: re ; } Property Value Color (Property)：属性 Red (Value)：值 嵌入式样式表 字体颜色 字体加粗 段落背景颜色字体加粗：style type- 字体颜色 字体加粗 段落背景颜色 Font-weight:blod; background-color:blue;) /style 链接式样式表 head link href=Hmain.cssH rel=nStykesheetn head Link：链接 href：属性 main.css：层叠样式表的路径 rel=:Stykesheet：风格样式表 引入式样式表 style type=utext/cssn @import url (main.css); 类别选择符(选择一个类别) style type=Mtext/cssH P.bold {font-weight:bold} /style /head body p class=,,boldH文字内容应该是粗体/p /body Bright{texr-align:right} P.center{text-align:center} body p cIass=HrightH文字应该是向右对齐的v/p〉 vp class二center”〉文字应该是居中对齐/p /body .center{text-align:center} 这样的类可以被应用到任何元素上 hl class=cenler这个标题是居中排列的v/hl p class=ncenterM这个段落是居中排列的v/p 备注：hl、p都跟随center类别选择符 5.ID选择符（选择一个） ID （唯一）选择符是只用在一个元素上， style type=text/cssn P#bold {font-weight:bold;} p#bold：选择一个 ID 是 bold 的元素 /style body p id=uboldu文字内容应该是粗体v/p /body Hl是1号字体 style type=utext/cssM hl#red{color:red;} /style body hl id=Mredn内容文字应该是红色/hl /body Hl, h2, h3, h4, h5, h6 {color： green} 每个标题元素的文字都是绿色。 P,table{font-size:9pt} 段落和表格里的文字尺寸为9号字 效果等于 =p{font-size:9pt} Table {font-size:9pt} 群选择符 style type=text/css !- P，hl, { Text-align:legt; left:左对齐 right:右对齐 -} /style /head body vhl群选择符演示v/hl p id=uredH这是第一个段落v/p p class=nbluen这是第二个段落v/p p这是第三个段落Vp /body /html 属性 P{ font-family: sans serif}P{ text-alig n:cen ter;color:red}p{text-align:center; P{ font-family: sans serif} P{ text-alig n:cen ter;color:red} p{text-align:center; Color:black; font-family:arial} 段落居中排列，段落中的文字为红色 段落居中排列 段落中的文字为黑色 字体是arial 样式表的层叠性 div{color:red;font-size:9pt} div P 这个段落的文字为红色9号字 /p /div 不同选择符定义相同的元素时，因为ID选择符是最后加上元素上的，所以优先级最高，其 次是类选择符。如果想超越这三者之间的关系，可以用！ Important提升样式表的优先权。 例如：p {color:#FF0000! important} .blue{co