CCS(Cascading Style Sheets) 的分类

最新推荐文章于 2024-04-19 17:32:54 发布

weixin_34348805

最新推荐文章于 2024-04-19 17:32:54 发布

阅读量116

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/Ferry/archive/2008/12/25/1362220.html

版权

CSS是一种对WEB页面进行外观控制的机制。可以用来控制网页的字体、颜色、布局、间距、边框等。

CSS分为三类：

1.内联样式：就是直接以属性的方式写到特定HTML标签内的。

<td style="border:1 solid black">Hello</td>

2.嵌入样式：就是写在<head></head>标签之内，以<style type="text/css"></style>标签为容器的一个或多个样式的集合。

.td {color:red;font-size:large;}

</style>

<td style="td">Hello</td>

3.外联样式：把所有样式都写到一个*.css文件里，在<head></head>标签内用这样的语法调用：<link rel="stylesheet" href="CSS/Style.css" type="text/css" />

使用CSS：

Code
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4     <title>无标题页</title>
5     <style type="text/css">
6         dd {color:Red;}
7         .dt {color:Blue;}
8         #dd1 {color:darkgreen;}
9     </style>
10 </head>
11 <body>
12 <dl>
13     <dt class="dt">Root</dt>
14     <dd id="dd1">Child1</dd>
15     <dd>Child2</dd>
16     <dd>Child3</dd>
17     <dd>Child4</dd>
18     <dd>Child5</dd>
19     <dd>Child6</dd>
20 </dl>
21 </body>
22 </html>
23

1)有“.”号的样式（类型选择器），必须在HTML特定的标签中被调用，class=“样式名”

2)有“#”号的样式（ID选择器），对当前HTML中ID是“#”后面的字符的标签自动有效

3）没有“.”也没有“#”字符的样式（标记选择器），对当前HTML中和样式名相同的标签自动有效

结果如下：