CSS样式表定义

大家好，又见面了，我是你们的朋友全栈君。

在网页制作过程中，定义样式表的方法主要有下面三种。

1.通过HTML标签定义样式表 CSS样式表的基本语法如下：

引用样式的对象｛标签属性：属性值；标签属性：属性值；…｝

（1）引用样式的对象：指的是需要引用该样式的ＨＴＭＬ标签，可以是一个或多个标签，需要注意的是，这里使用的是去掉尖括号的标签名。例如，ｐ、table等，而不是＜p＞、＜table＞。 （2）标签属性：属性值——这是一一对应的，每个属性与属性值对之间用分号隔开。要说明的是，CSS的属性设置与脚本语言的属性设置有一点不同，即属性名称的写法不同。在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以“-”隔开，如背景颜色属性background-color。 例如，“< h1>< /h1>标签和< h2>< /h2>标签内的文本居中显示，并采用蓝色字体”的样式表为：

 h1,h2{text-align:center;color:bule}

2.使用id定义样式表 在HTML页面中，id选择符用来对某一单一元素定义单独的样式，定义id选择符要在id名称前加上一个#号。使用id定义样式表的基本语法如下：

id名称｛标签属性：属性值；标签属性：属性值;…｝

使用时只需将要用该样式的网页内容前加一个id=“id名称”。例如：

#sample{font-family:宋体;font-size:60pt}
<p id = sample>段落文本</p>

3.使用class定义样式表 若要为同一元素创建不同的样式或为不同元素创建相同的样式，可以使用CSS类。CSS类有两种定义格式，定义时，在自定义类的名称前面加一个点号。

标签名.类名{标签属性:属性值;标签属性:属性值;…}

这种格式的类指明所定义的样式只能用在类名前所指定的标签上。例如：

h1.center{text-align:center}

该center类的样式只能用在< h1>标签上。

.类名{标签属性:属性值;标签属性:属性值;…}

这种格式的类使所有class属性值为该类名的标签都遵循该类所定义的样式。例如：

.text{font-family:宋体;color:red;}
<p class = "text">段落文本</p>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158955.html原文链接：https://javaforall.cn