首页 / CSS-id和class

CSS-id和class

03-09 3583人

id选择器

id选择器可以标有特点id的HTML元素指定特定的样式，HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义

实例： 


<!DOCTYPE html>




<html>




<head>




<meta charset="utf-8" />




<title>118qq.top</title>




<style type="text/css">




#center{




       text-align:center;




}




</style>




</head>




<body>




<p id="center">这是一个段落</p>




<p>第二段</p>




</body>




</html>

Class选择器

Class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用，class选择器在HTML中以class属性表示，在CSS中，类选择器以一个点“.” 号表示。

实例： 


<!DOCTYPE html>




<html>




<head>




<meta charset="utf-8" />




<title>118qq.top</title>




<style type="text/css">




.center{




       text-align:center;




}




</style>




</head>




<body>




<p class="center">这是一个段落</p>




<p class="center">第二段</p>




</body>




</html>

也可以在指定特定的HTML元素使用class。

实例： 


<!DOCTYPE html>




<html>




<head>




<meta charset="utf-8" />




<title>118qq.top</title>




<style type="text/css">




p.center{




       text-align:center;




}




</style>




</head>




<body>




<h1 class="center">这是一个标题</h1>




<p class="center">这是一个段落</p>




</body>




</html>

提示：类名的第一个字符不能使用数字！它在部分浏览器中不起作用

此文暂无标签

版权属于: 缤纷游乐

原文地址: http://118qq.top/?post=29

转载时必须以链接形式注明原始出处及本声明。

欢迎留言