什么是css代码

什么是css代码

CSS是一种样式表技术，也被称为层叠样式表。在网页制作时，CSS可以有效控制页面布局、字体、颜色、背景和其它效果。只需简单修改代码，即可改变页面的不同部分或不同网页的外观和格式。

CSS的语法由选择符、属性和属性的取值构成。例如：body {color: black} 可使页面中的文字为黑色。如果属性的值是多个单词组成，需在值上加引号，如：p {font-family: "sans serif"} 定义段落字体为sans serif。若需对一个选择符指定多个属性时，使用分号将属性和值分开，如：p {text-align: center; color: red} 段落居中排列，并且段落中的文字为红色。

你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义。例如：h1, h2, h3, h4, h5, h6 {color: green} 定义所有标题元素的文字都为绿色。p, table {font-size: 9pt} 定义段落和表格里的文字尺寸为9号字。效果完全等效于：p {font-size: 9pt} table {font-size: 9pt}

类选择符可以将相同的元素分类定义不同的样式，定义类选择符时，在自定义类的名称前面加一个点号。例如：p.right {text-align: right} p.center {text-align: center} 可使两个不同的段落分别向右对齐和居中排列。省略HTML标记的类选择符是常用方法，可以在任意元素上套用预先定义好的类样式。

ID选择符用于定义某个单一元素的样式，应用和类选择符类似，只需将CLASS换成ID。例如：#intro {font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent} 定义ID选择符为字体尺寸为默认尺寸的110%，粗体，蓝色，背景颜色透明。ID选择符只能单独定义某个元素的样式，一般只在特殊情况下使用。

包含选择符可以单独对某种元素包含关系定义的样式表，元素1里包含元素2，这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义。例如：table a {font-size: 12px} 在表格内的链接改变了样式，文字大小为12象素，而表格外的链接的文字仍为默认大小。

层叠性是继承性，外部的元素样式会保留下来继承给这个元素所包含的其他元素。所有在元素中嵌套的元素都会继承外层元素指定的属性值，除非另外更改。例如在DIV标记中嵌套P标记：div {color: red; font-size:9pt} 这个段落的文字为红色9号字。

不同选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。可以使用!important提升样式表的优先权，例如：p {color: #FF0000!important} .blue {color: #0000FF} #id1 {color: #FFFF00} 通过!important声明，页面中的一个段落最后会依照HTML标记选择符样式为红色文字。

在CSS中插入注释可以说明代码的意思，有利于编辑和更改代码时理解代码的含义。注释在浏览器中不显示，以"/*" 开头，以"*/" 结尾。2024-12-25