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基础之选择器 的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

5种你一定不知道的Html空格表示方法

Html5 canvas的基本用法介绍

jsp与Html之间有什么区别

Html的标签有哪些

Html换行符

Html tt标签怎么用

Html 如何添加链接

Html中图片怎么居中对齐?

怎么修改Html文件

Html中b标签和strong标签的区别是什么?b和strong区别的总结

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




打赏

取消

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

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

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

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

评论

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