| 标题 | html中css三种常见的样式选择器 |
| 范文 | 1：标签选择器 标签选择器，是所有带有某种标签的都生效。这里以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> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。