CSS背景颜色.docVIP

1 内联标签 html head style= meta charset=UTF-8 titleInlineStyles内联样式表/title /head body style=background-color: deepskyblue; !-- 描述： 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。 语法：style=property:value; 举例：style= style=property:value; style=property:value; property:value; 注意： 1、所有的样式规则必须被包含在style赋值符=后面的符号内； 2、每一条样式规则必须以半角“;”符号结束； -- p style=color:gray; font-size: 18px; font-family: 微软雅黑; 这一行的字体颜色将显示为灰色，18像素大小。/p /body /htmlIndex !DOCTYPE html html head meta charset=UTF-8 titleEmbeddingAStyleBlock内部样式块/title !-- 描述： 内部样式块定义即是在html文档head标记里插入一个style块对象。 语法：selector{property:value;} 举例： selector{} selector{property:value;} selector{property:value; property:value;} 注意： 1、一个selector下所有的样式规则必须被包含在其{}符号内； 2、每一条样式规则必须以半角“;”符号结束； 3、一个内部样式块中可以包含多个selector； -- style body { background: deepskyblue; color: green; } p { font-size: 20px; } /style /head body !-- 描述：此处的p标记内的内容样式被重写了。 优先级：最近原则； -- p style=font-size: 30px;我的文字颜色遵循内部样式表规则，文字大小遵循内联样式表规则。/p p第一段落/p p第二段落/p p第三段落/p /body /htmlLink外部样式 !DOCTYPE html html head !-- 描述：优先声明charset,方便浏览器解析； -- meta charset=UTF-8 titleLinkingToAStyleSheet外部样式表/title !-- 描述： 使用link标记链接外部样式表； 属性： charset 定义目标 URL 的字符编码方式。默认值是 ISO-8859-1。 href 目标文档或资源的 URL。 hreflang 定义目标 URL 的基准语言。 media 规定文档将显示在什么设备上。 rel 定义当前文档与目标文档之间的关系。 rev 定义目标文档与当前文档之间的关系。 target 在何处打开目标 URL。 type 规定目标 URL 的 MIME 类型。 -- link rel=stylesheet type=text/css href=LinkingToAStyleSheet.css/ /head body !-- 描述：此处的p标记内的内容样式被重写了。 优先级：最近原则； -- p style=font-size: 24px;我的文字颜色遵循外部样式表规则，文字大小遵循内联样式表规则。