CSS, Cascading Style Sheets, 是一种用于控制页面布局样式的语言。CSS2.1是CSS2的更新版本,它包含了一些新的属性和值,并对原有属性进行了修改和删除。
CSS的样式选择器是用来指定一个或多个元素添加样式的代码。其中,
id选择器用于选择一个指定id属性值的元素,
class选择器用于选择一个指定class类名的元素,
标签选择器用于选择一个指定标签名的元素,而
属性选择器则是用于选择一个指定属性值的元素。
/* id选择器 */ #example { color: red; } /* class选择器 */ .highlight { background-color: yellow; } /* 标签选择器 */ div { border: 1px solid black; } /* 属性选择器 */ [type="text"] { font-size: 14px; }
除了样式选择器,CSS2.1还引入了盒模型的概念。盒模型指的是一个元素的内容区域、内边距、边框和外边距。其中,内容区域包含了元素的实际内容,内边距是内容区域和边框之间的空间,边框则是围绕内容区域和内边距的边界,外边距是边框和相邻元素之间的空间。
CSS2.1还增加了对文字和字体的控制属性。其中,
font-size是用于指定元素中文字的大小,
font-family是用于指定文字的字体,
color是用于指定文字的颜色。
/* 指定字体大小和颜色 */ p { font-size: 16px; color: blue; } /* 指定字体 */ h1 { font-family: Arial, sans-serif; }
总之,CSS2.1是一个非常重要的版本,它为网页设计提供了更多的样式控制和布局选项,使得网页的演示更加美观与流畅。在开发网页的过程中,熟悉CSS2.1的基础知识是必要的。