CSS入门基础知识学习.docVIP

style type=text/css head title title style type=text/css P{color:blue; Background-color:gray; } /style /head body p 第一次学css /p /body 二、 html head title title style type=text/css p.red{color:red;} /style /head body h1类别选择符 演示 /h1 p class=red这是第一个段落 /P p class=red这是第二个段落 /P p 这是第一个段落 /P /body /html 二、 Color（Property）：属性 Red（Value）：值 1. 嵌入式样式表 字体加粗：style type-text/css p{color:red; 字体颜色 Font-weight:blod; 字体加粗 background-color:blue;} 段落背景颜色 /style 链接式样式表 head link href=main.css rel=Stykesheet head Link：链接 href：属性 main.css：层叠样式表的路径 rel=:Stykesheet：风格样式表 引入式样式表 style type=text/css @import url (main.css); 类别选择符（选择一个类别） 1. style type=text/css P.bold {font-weight:bold} /style /head body p class=bold文字内容应该是粗体/p /body P.right{texr-align:right} P.center{text-align:center} body p class=right 文字应该是向右对齐的/p p class=center 文字应该是居中对齐 /p /body .center{text-align:center} 这样的类可以被应用到任何元素上 h1 class=center 这个标题是居中排列的/h1 p class=center这个段落是居中排列的/p 备注：h1、p都跟随center类别选择符 ID选择符（选择一个） ID (唯一) 选择符是只用在一个元素上, style type=text/css P#bold {font-weight:bold;} p#bold：选择一个ID是bold的元素 /style body p id=bold文字内容应该是粗体/p /body H1是1号字体 style type=text/css h1#red{color:red;} /style body h1 id=red内容文字应该是红色/h1 /body H1，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, h1, { Text-align:legt; left: 左对齐 right: 右对齐 --} /style /head body h1群选择符 演示/h1 p id=red这是第一个段落/p p class=blue这是第二个段落/p p这是第三个段落/p /body /html 属性 1. P{font-family:sans serif} 定义段落字体为 sans