ji点击删除css样式,CSS样式表学习

为HTML 文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。我们建

议你对第三种方法(即外部样式表)予以关注。

方法1：行内样式表(style 属性)

为HTML 应用CSS 的一种方法是使用HTML 属性style。我们在上例的基础之上，通

过行内样式表将页面背景设为红色：

liezi

theshi yige yemian

方法2：内部样式表(style 元素)

为HTML 应用CSS 的另一种方法是采用HTML 元素style。比如像这样：

longpengcheng

theshi yige yemian

方法3：外部样式表(引用一个样式表文件)

我们推荐采用这种引用外部样式表的方法。在本教程之后的例子中，我们将全部采用该

方法。外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式

表文件放在Web服务器上或者本地硬盘上。

longpengcheng

theshi yige yemian

style.css文件：

body {

background-color:#00FFFF;

}

字体属性 font

这段文字的字体风格(font-style)属性值是italic，字体变量(font-variant)属性值是normal，字体浓淡(font-weight)属性值是bold，字体大小(font-size)属性值是11pt，字体名称(font-family)属性值是Arial。

这段文字的字体风格(font-style)属性值是normal，字体变量(font-variant)属性值是small-caps，字体浓淡(font-weight)属性值是normal，字体大小(font-size)属性值是14pt，字体名称(font-family)属性值是Courier。

文本框

没有margin

上面两个div没有设置边距属性(margin)，仅设置了边框属性(border)。外面那个div的border设为红色，里面那个div的border属性设为灰色。

和上面两个div的CSS属性设置不同的是，下面两个div中，里面的那个div设置了边距属性(margin)，设定上边距为0.5cm，右边距为1cm，下边距为2.5cm，左边距为1.5cm。

这个单元格设置了CSS间隙属性。上间隙为0.5厘米，右间隙为1厘米，下间隙为4厘米，左间隙为2厘米。

肉类

蔬菜

水果

肉类

蔬菜

水果

肉类

蔬菜

水果