1.标签名选择器
给页面所有同名的标签定义样式的选择器
span{
background-color:skybule;
font-size:40px;
font-family:“楷体”;
color:green
}
2.ID选择器
一般body中的任何一个标签都有ID属性
ID属性的值一般在同一个网页中使不允许有重复值
ID属性一般用于帮助我们定位到页面上的惟一的一个标签
ID属性 命名规则:
不能有空格和一些特殊符号,特殊符号中仅可以使用_和$,不推荐以数字开头
语法:#ID值{样式}
#s2{
border:1px blue;
color:red;
width:100px;
height:100px;
}
<body>
<span id="s1">飞飞飞</span></br>
<span id="s2">龙卷风摧毁停车场</span></br>
</body>
3.类选择器
一般body中的所有标签都有class属性
多个不同的标签可以有相同的属性
通过标签的class属性确定样式的作用范围
语法: .class属性值{样式}
c1{
border:1px blue;
color:red;
width:100px;
height:100px;
}
<body>
<p id="p1" class="c1">今晚打老虎</p>
<h1 id="ha" class="c1">乌鸦坐飞机</h1>
</body>
ps:个人学习笔记,如有错误请大佬指正(手动狗头)
版权声明:本文为weixin_49750432原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。