欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

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>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r28196.shtml