CSS选择器的代码标准

2024-01-18 15:29 小编

1. 全局选择器设置所有标签使用同一样式,用*来表示;

语法:全局选择器语法:*{ }

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>CSS选择器</title>

<style type="text/css">

*{

color: red;/*colorCSS属性,redCSS属性值*/

}

</style>

</head>

<body>

<h3>我是h3标签</h3>

<p>我是段落标签</p>

<input type="button" value="提交" />

</body>

</html>

2. 标签选择器设置相同的标签使用相同的样式。直接写标签的名字+大括号就可以了,但是标签名不区分大小写,但是尽量使用小写。

语法:p{}

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>CSS选择器</title>

<style type="text/css">

h3{

color:green;

}

p{

color:red ;

}

input{

color:blue;

}

</style>

</head>

<body>

<h3>我是h3标签</h3>

<h3>我是h3标签</h3>

<h3>我是h3标签</h3>

<p>我是段落标签</p>

<p>我是段落标签</p>

<p>我是段落标签</p>

<input type="button" value="提交" />

<input type="button" value="提交" />

</body>

</html>


Tag: 代码 选择 标准
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码