html中css三种常见的样式选择器
2013-07-19 15:27
483 查看
1:标签选择器
标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式
2:id选择器,注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素的Id必须是唯一的,所以。。。你懂得id选择器以#开头用法是:id=""
3:类选择器,类选择器以.开头 只要把元素的class="" 就能表现为这种样式了用法是:class=""
标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式
<html> <head> <styletype="text/css"> p{font:"宋体"; color:#FF0000} </style> </head> <body> <pid="p1">我现在表现的是标签选择器</p> <pid="p2">我也用的是标签选择器</p> <h1>我没有被任何的选择器修饰</h1> </body> </html>
2:id选择器,注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素的Id必须是唯一的,所以。。。你懂得id选择器以#开头用法是:id=""
<html> <head> <styletype="text/css"> #yy{font:"宋体"; color:#FF0000} </style> </head> <body> <pid="yy">我现在表现的是id选择器</p> <pid="p">我没有被id选择器修饰</p> <h1>我没有被任何的选择器修饰</h1> </body> </html>
3:类选择器,类选择器以.开头 只要把元素的class="" 就能表现为这种样式了用法是:class=""
<html> <head> <styletype="text/css"> .yy{font:"宋体"; color:#FF0000} </style> </head> <body> <pclass="yy">我现在表现的是类选择器</p> <pclass="yy">我没有被类选择器修饰</p> <h1>我没有被任何的选择器修饰</h1> </body> </html>
相关文章推荐
- html中css三种常见的样式选择器
- HTML 中CSS三种常见的样式选择器
- html中css三种常见的样式选择器
- html中css三种常见的样式选择器 zz
- Css与html三种结合方式 Css四种选择器
- html css层叠样式基础(常用选择器)(三)
- 黑马程序员————HTML之CSS样式、选择器
- css与html常见的三种结合方式示例介绍
- css三种样式引入方法,html链接,html中<table>的使用方法
- html css层叠样式基础(选择器的优先级)(六)
- HTML学习笔记(3)——CSS的引入,选择器和文本样式
- HTML常用标记、CSS三种选择器
- css下html中常见标签元素三种分类
- h5学习之3(h5的常用选择器和css常见样式)
- html及css学习笔记_13_css三种选择器(selector)
- html/css学习零星笔记(一)——如何使用样式
- html_css结合方式以及选择器
- 利用HTML+CSS实现常见的单列布局
- 做邮件样式注意事项 email html css 要点
- css之html选择器---shinepans