大家好,又见面了,我是你们的朋友全栈君。
在网页制作过程中,定义样式表的方法主要有下面三种。
1.通过HTML标签定义样式表
CSS样式表的基本语法如下:
引用样式的对象{标签属性:属性值;标签属性:属性值;…}
(1)引用样式的对象:指的是需要引用该样式的HTML标签,可以是一个或多个标签,需要注意的是,这里使用的是去掉尖括号的标签名。例如,p、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>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/158955.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...