每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
推荐:css手册
css基本选择器:
1、css类选择器
2、css标签选择器
3、cssID选择器
4、css的通配符
css基本选择器介绍:
1、标签选择器:选择器的名字代表html页面上的标签
标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。
示例:
<style type="text/css"> p{ font-size:14px; }</style> <body> <p>css</p> </body>
2、ID选择器:规定用#来定义(名字自定义)
针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义。
举例:
<head> <title>Document</title> <style type="text/css"> #mytitle { border:3px dashed green; } </style> </head>
然后我们在别处使用id来引用它:
<body> <h2 id="mytitle">你好</h2> </body>
id选择器的选择符是“#”。
3、类选择器:规定用圆点.来定义
、针对你想要的所有标签使用。优点:灵活。
css中用.来表示类。举例如下:
<style type="text/css"> .oneclass/*定义类选择器*/{ width:800px; } </style> </head>
然后我们在别处使用class来引用它:
<body> <h2 class="oneclass">你好</h2> </body>
4、通配符*:匹配任何标签
通用选择器,将匹配任何标签。不建议使用,IE有些版本不支持,大网站增加客户端负担。
效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。
举例:
<style type="text/css"> */*定义通用选择器*,希望所有标签的上边距和左边距都为0*/{ margin-left:0px; margin-top:0px; } </style>
以上就是css基本选择器有哪些?的详细内容,更多请关注易知道|edz.cc其它相关文章!