文档详情

CSS背景颜色.doc

发布:2017-05-26约2.58万字共35页下载文档
文本预览下载声明
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;我的文字颜色遵循外部样式表规则,文字大小遵循内联样式表规则。/p p第一段落/p p第二段落/p p第三段落/
显示全部
相似文档