为HTML 文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。我们建
议你对第三种方法（即外部样式表）予以关注。
方法1：行内样式表（style 属性）
为HTML 应用CSS 的一种方法是使用HTML 属性style。我们在上例的基础之上，通
过行内样式表将页面背景设为红色：
方法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。
文本框
上面两个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厘米。
阅读(2022) | 评论(0) | 转发(0) |
