css怎么选中标签

css选中标签的方法:1、利用id选择器,语法为“#id名{css代码;}”;2、利用类选择器,语法为“.类名{css代码;}”;3、利用标签选择器,语法为“标签名{css代码;}”;4、利用通配符选择器,语法为“*{css代码;}”。

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

(0)
上一篇 2025年3月10日 18:15:04
下一篇 2025年3月8日 02:08:12

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css图片按钮代码怎么写

    css中可利用background-image属性实现图片按钮效果,写法为“按钮元素{background-image:url(图片路径)}”;background-image属性用于设置元素背景图像,利用该属性给按钮元素添加背景图片即可。…

    2025年3月10日
    200
  • css中怎么清除边距

    css清除边距的方法:1、利用margin属性清除元素的外边距,语法为“元素{margin:0px;}”;2、利用padding属性清除元素内边距,语法为“元素{padding:0px;}”。 本教程操作环境:windows10系统、CSS…

    2025年3月10日 编程技术
    200
  • css中按钮怎么在div居中

    方法:1、给div元素添加“display:flex”样式,设置div元素为弹性布局样式;2、给div元素添加“align-items:center;justify-content:center”样式,设置div内按钮元素水平垂直居中即可。…

    2025年3月10日
    200
  • css图片怎么左右偏移

    在css中,可以利用transform属性和“translateX()”函数让图片左右偏移,只需要给元素添加“transform:translateX(向右偏移值)”或“transform:translateX(-向左偏移值)”样式即可。 …

    2025年3月10日
    200
  • css里怎么将图片置于元素最上面

    在css中,可以利用“z-index”属性将图片置于元素最上面,该属性用于设置元素的堆叠顺序,属性的值越大,元素显示的顺序也就越靠前,语法为“图片元素{z-index:number;}”。 本教程操作环境:windows10系统、CSS3&…

    2025年3月10日 编程技术
    200
  • css图片怎么右对齐显示

    在css中,可以利用“text-align”属性让图片右对齐显示,该属性用于设置元素的水平对齐方式,当属性的值为right时,元素会向右对齐显示,只需要给元素添加“text-align:right;”样式即可。 本教程操作环境:window…

    2025年3月10日 编程技术
    200
  • css怎样让字体倾斜

    在css中,可以利用“font-style”属性让字体倾斜显示,该属性用于定义字体的风格,当属性的值为“oblique”时,会显示元素为倾斜的字体样式,只需要给文字元素添加“font-style:oblique”样式即可。 本教程操作环境:…

    2025年3月10日
    200
  • css怎么让li元素横着显示

    在css中,可以利用float属性让li元素横着显示,该属性用于设置元素在哪个方向浮动,当属性值设置为“left”或“right”时,都可以让li元素横着显示,语法为“li{float:left;}”或“li{float:right;}”。…

    2025年3月10日 编程技术
    200
  • css怎么去掉元素边框的某一边

    方法:1、用“border-top:none”语句去掉上边框;2、用“border-bottom:none”语句去掉下边框;3、用“border-left:none”语句去掉左边框;4、用“border-right:none”来去掉右边框。…

    2025年3月10日 编程技术
    200
  • css中圆角只想取一边怎么写

    写法:“border-radius:左上圆角值 右上圆角值 右下圆角值 左下圆角值;”;“border-radius”属性用于设置元素圆角的样式,属性的值可以分别设置元素四个角的圆角值,只需要将不想显示圆角的圆角属性值设置为“0”即可。 本…

    2025年3月10日
    200

发表回复

登录后才能评论