html中css三种常见的样式选择器
来源: 阅读:821 次 日期:2016-06-23 09:12:42
温馨提示: 小编为您整理了“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>

更多信息请查看网页制作
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map