首页 > 代码库 > 8添加一些样式:开始学习CSS

8添加一些样式:开始学习CSS

CSS中简单的表达式,成为规则。一个典型的规则包括一个选择符、若干属性和属性值。

1.在XHTML中直接添加CSS样式,必须在<head>元素里添加样式开始和结束标记。(但这未必是最好的方法)

<style type="text/css">

.....

</style>

color属性用于改变字体颜色。font-family属性用来设置字体的格式。border-bottom属性用来控制元素下划线的外观(如border: 1px solid black)。

一般把元素之间共有的样式组合在一起(如果要改动,只需修改一个规则),而把特定于一个元素的样式写在另一个规则里。

2.另一种添加CSS样式的方法是建立css文件。css文件常称为样式表。

用<link>可以将XHTML链接到外部样式表。rel属性指明XHTML文件和要链接的文件之间的关系,href用于定位要链接的文件(可以使用相对链接也可以使用URL)。<link>是个空元素。

<link type="text/css" rel="XX" href="http://www.mamicode.com/XX" />

在CSS中,被引用的规则总是最具体的。可以用一个更具体的选择符覆盖一个来自父结点的属性。

大体上,影响文本外观的样式,如字体颜色、字体还有其他和字体有关的属性(字体大小,字体宽度等)都可以被继承。其他的属性(比如边框)不被继承。

使用XHTML和CSS可以定义一个元素类,然后提供式样给属于那个类的任何元素。

如果省略所有的元素名称,而用一个句点并且后接一个类名,那么这个规则将会适用于该类内的所有成员。

一个元素可以加入多个类。如果因为两个选择符具有相同的具体性而无法解决冲突,可以使用样式表里的规则排序来解决冲突。也就是,使用CSS文件里最靠后(最接近底部)的规则。

 

8添加一些样式:开始学习CSS