HTML基础之选择器


本文摘自PHP中文网,作者不言,侵删。

这篇文章介绍的内容是关于HTML基础之选择器 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

选择器的作用

可以在样式表里更加方便快捷的对html的各种样式以及属性进行操作

分类

1、标签类型选择器:对标签设置样式

1

2

3

a{

  text-decoration: none;

}

2、包含选择符

1

2

3

span[class=demo]{

    color:red;

}

3、内部包含选择符

1

2

3

4

5

p a{

    text-decoration: underline;

    font-size: 30px;

    color:#ff00ff;

}

4、子对象选择符

1

2

3

body>p{

    font-size:34px;

}

5、id选择器

1

2

3

#content{

    border-style: solid;

}

6、类选择器

1

2

3

4

5

6

.note{

    font-size: 34px;

}

span.note1{

    font-size: 54px;

}

7、分组选择器

1

2

3

td,p,a{

                 

}

以上就是HTML基础之选择器 的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript今年25 岁了!

如何制作Html表格的边框?Html table表格制作及实例

Html怎么添加图片

Html中的include标签是什么?Html include实现配置解析

Html怎么设置表格单元格颜色

不知道Html5 hidden属性怎么用?那就看看表单hidden属性的用法

Html legend标签怎么用

Html如何进行换行

Html怎么设置字体加粗

Html导航栏下拉菜单怎么制作?这里有详细的代码实例

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...