1.5.7 在网页中引入样式表
最常用的样式表引入方式有：内嵌样式（Inline Style）、内部样式表（Internal Style Sheet）和外部样式表（External Style Sheet）。
❑内嵌样式：内嵌样式是写在标签里面的。内嵌样式只对所在的标签有效。如下代码所示。
＜p style="font-size：20pt；color：red"＞用Style定义字体＜p＞
这里在＜p＞标签内增加样式：style="font-size：20pt；color：red"，这个样式只对当前＜p＞标签有效。
❑内部样式表：内部样式表是写在HTML的＜head＞＜/head＞里面的。内部样式表只对所在的网页有效。如下面代码所示。
＜HTML＞
＜HEAD＞
＜STYLE type="text/css"＞
H1.mylayout{border-width：1；border：solid；text-align：center；color：red}
＜/STYLE＞
＜/HEAD＞
＜BODY＞
＜H1 class="mylayout"＞这个标题使用了Style。＜/H1＞。
＜H1＞这个标题没有使用Style。＜/H1＞
＜/BODY＞
＜/HTML＞
❑外部样式表：外部样式表是指将样式（Styles）写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式（Styles）的网页里引用这个CSS文件。如下面的HTML文档引入当前目录下的CSS文件：style.css。
＜HTML＞
＜HEAD＞
＜link href="sytle.css"rel="stylesheet"type="text/css"＞
＜/HEAD＞
＜BODY＞
＜H1 class="mylayout"＞这个标题使用了Style。＜/H1＞。
＜H1＞这个标题没有使用Style。＜/H1＞
＜/BODY＞
＜/HTML＞
在线客服
共有条评论 网友评论