手机
当前位置:查字典教程网 >网页设计 >XHTML >html中css三种常见的样式选择器
html中css三种常见的样式选择器
摘要:1:标签选择器标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式p{font:"宋体";color...

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>

【html中css三种常见的样式选择器】相关文章:

xhtml的块级标记小结

html中textarea的使用及常见问题及案例分析

在html中添加script脚本的2种方法和注意事项

html+css布局的三种方式(自然布局/流动布局/定位布局)

为何html中嵌入mp4格式视频播放不了

html中异步上传文件实现示例

XHTML中的常用标签整理

html设置虚线边框的方法

如何给span标记的样式设置width属性

总结XHTML代码常见的应用问题

精品推荐
分类导航