CSS背景颜色.doc
文本预览下载声明
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第三段落/
显示全部