本文摘自PHP中文网,作者藏色散人,侵删。
css设置标签属性的方法:首先创建一个HTML示例文件;然后通过在html标签上设置style,来给标签设置属性即可。

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑
css怎么设置标签属性?css选择器设置标签样式
css选择器
在html标签上设置style可以给标签设置属性:
1 | <p style= "background-color: #2459a2;height: 48px;" >啊啊啊</p>
|
我们还可以通过<head>标签里设置选择器,这样每种样式只需要写一遍
1 2 3 4 5 6 7 | <head>
<meta charset= "UTF-8" >
<title>Title</title>
<style>
<!--在这里写选择器-->
</style>
</head>
|
具体的选择器有很多种:
1、通过id来复制样式
1 2 3 4 | #i1{
background-color: #2459a2;
height: 48px;
}
|
在body里的标签这样用:但id不能写多个,所以还是不能多用
1 2 | <p id= "i1" ></p>
<p id= "i1" ></p>但id不能写多个(不规范)
|
2、通过class来复制:
1 2 3 4 5 | .c1{
background-color: #2459a2;
height: 60px;
}
|
使用的时候:
1 2 | <p class = "c1" >1251251</p>能写多个
<p class = "c1" >1251253</p>能写多个
|
3、标签选择器:把某一标签都变成这个样式:
1 2 3 4 5 | 标签选择器:把所有的p标签变成黑底白字
p{
background-color: black;
color: white;
}
|
4、层级选择器:中间是空格
阅读剩余部分
相关阅读 >>
css怎么调整行间距
css如何使用:indeterminate选择器
css中怎么设置图片大小
css属性box-sizing详解
css中keyframes是什么意思
css resize属性怎么用
css浮动怎么做
css实现居中的几种方案(总结)
css hover的用法
css如何滚动图片
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么设置标签属性