css选中标签的方法:1、利用id选择器,语法为“#id名{css代码;}”;2、利用类选择器,语法为“.类名{css代码;}”;3、利用标签选择器,语法为“标签名{css代码;}”;4、利用通配符选择器,语法为“*{css代码;}”。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css怎么选中标签
在css中有四种方法来选中标签,也是4个选择器。
1、id 选择器
立即学习“前端免费学习笔记(深入)”;
根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性
#id名称 {属性:值;}
登录后复制
nbsp;html>id选择器 #p1 { color: red; } #p2 { color: green; } #p3 { color: blue; }大多数人的帅,都是浮在表面的,是外表的帅
而EGON,不仅具备外表帅,内心更是帅了一逼
EGON就是我,我就是EGON
登录后复制
2、class ,类选择器
根据指定的类名称,在当前界面中找到对应的标签,然后设置属性
.类名称 {属性:值;}
登录后复制
示例
nbsp;html>id选择器 .p1 { color: red; } .p2 { color: green; } .p3 { color: blue; }大多数人的帅,都是浮在表面的,是外表的帅
而EGON,不仅具备外表帅,内心更是帅了一逼
EGON就是我,我就是EGON
#练习第一行与第三行的颜色都是红色第一行与第二行的字体大小都是50px第二行与第三行内容有个下划线nbsp;html>id选择器 .p1 { color: red; } .p2 { font-size: 50px; } .p3 { text-decoration: underline; }第一行内容
第二行内容
第三行内容
登录后复制
3、标签选择器
根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性
标签名称 {属性:值;}
登录后复制
示例如下:
nbsp;html>标签选择器 p { color: red; }EGON美丽的外表下其实隐藏着一颗骚动的心
登录后复制
这颗心叫做七巧玲珑心,男人吃了会流泪,女人吃了会怀孕
4、通配符选择器
选择所有标签
* { 属性:值; }
登录后复制
nbsp;html>通配符选择器 * { color: red; }我是标题
我是段落
我是超链接
登录后复制
(学习视频分享:css视频教程)
以上就是css怎么选中标签的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2869485.html