Book05-No.1 XHTML与CSS基础

shma1664 · 发表于 2013-2-7 21:02:42

1、类别选择器与ID选择器区别：

　总结：一个页面上所有控件ID不能重复且只能使用一次，但class可以被多个 html控件所套用，无限次使用。在页面中元素的样式只能出现一次，则使用ID选择器唯一标记，可能会多次使用的，则用类别选择器。
2、HTML引入CSS方式：

行内样式：

<BODY><p style="color:red; font-size:18px; text-decoration:underline;">正文内容1：采用行内样式</p><p style="color:yellow; font-style:italic;">正文内容2</p><p style="color:blue; font-size:25px; font-weight:bolder; ">正文内容3</p> </BODY>

内嵌式：用于特殊页面设置单独的样式风格

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> </style> </HEAD> <BODY><p>普通的段落</p><p class="red">引用了一个类别选择器的段落</p><h1 class="red">引用了一个类别选择器的标题</h1><p class="blue yellow">同时引用两个类别选择器</p><p id="blod">引用了一个id选择器的段落</p><p id="green">引用了一个id选择器的段落</p> </BODY></HTML>

外部样式表

导入式：

		自动登录	找回密码
密码			立即注册