CSS在网页开发中的运用技巧

巩恩伟

CSS在网页开发中的运用技巧

巩恩伟

本文首先介绍了CSS的基本格式和添加层叠样式表的三种方法，然后介绍了几种用CSS定义网页中的样式的技巧，最后用一个实例展示了用CSS定义网页的方法。

CSS ；样式；实例

随着网页制作技术的发展，CSS技术越来越被广大网页设计人员运用。CSS的全称是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表。它们控制Web页内容的外观。CSS样式使用户可以控制许多仅使用HTML无法控制的属性。例如，可以指定自定义列表项目符号并指定不同的字体大小和单位（像素、点数等）。通过使用CSS样式和以像素为单位设置字体大小，还可以控制网页中块级别元素的格式和定位。利用CSS可以使制作出来的网页易于改版，也有利于网页标准化。

1、样式的基本格式

CSS的每条定义都是由三个部分组成的：选择符（Selector）、属性（property）和属性

取值（value）。基本格式如下：

选择符{属性: 属性值}

1.1 选择符：可以是HTML的标识符，例如＜TABLE＞、＜h1＞、＜font＞等。

1.2 属性：就是指选择符中要修改的属性。

1.3 属性值：相应属性的取值。

2、添加层叠样式表的方法

2.1 内联样式

内联样式可称为局部样式。内联样式是混合在HTML标识符里使用的，在标识符中加入style属性,后面跟一些属性及属性的值,

如＜div style="height:500px;width:66px;"＞内联样式表＜/div＞。

内联样式具有局部性，因为它只能影响被定义的标识符，而且在每个需要样式的标签中都要进行定义,这样大量使用style属性使代码变得难以维护,所以建议尽量少用。

2.2 整页套用样式

将所有样式定义集中起来放在HTML文档＜head＞＜/head＞之间,使用标签＜style＞＜/style＞将其包含起来。……