webstorm设置注释颜色_HTML颜色控制属性2&标签选择器

本文介绍了如何使用十六进制表示颜色,并探讨了简写的规则。此外,还讲解了CSS中的标签选择器概念及其应用,包括选择器的定义、格式及注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

df93805d79f76191429c0fbfeeb65c6c.png

一、颜色控制属性

(4)十六进制

在前端开发中通过十六进制来表示颜色,其实本质就是RGB,十六进制中是通过每两位表示一个颜色。

例如:#FFEE00,其中FF代表的是R,EE代表的G,00代表的就是B

注:十六进制和十进制的转换公示,请自行百度

(5)在CSS中只要是十六进制的颜色每两位都是一样的,那么就可以简写为一位。

例如:#FFEE00可以写为#FE0

注:如果当前颜色对应的两位数字不一样,那么不能简写;如果两位相同的数字不是属于同一种颜色,也不能简写

 d66_attribute_of_color2

我们是使用一次十六进制

bbeb3ce5eae7625baea6c796bddc7752.png

我们使用这个属性的时候不可能把每个颜色都记住,因此在webstorm中我们提供了取色器进行选择。

7555c6347aa604c351782894625423a6.png

二、标签选择器

1.标签选择器定义:根据指定的标签名称,在当前界面中找到所有的该名称的标签然后设置属性。

2.格式​:

标签名称{ 属性:值; }

3.注意点:

(1)标签选择器选中的是当前界面中所有的标签,而不能单独选中其中某一个标签。

(2)标签选择器无论标签藏得多深都能选中

(3)只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input.....各种标签)

 d66_attribute_of_color2

我们是使用一次十六进制

cvsduhfcu

测试用例:
525e5c586f91d7de29259489fbd9b6be.png

点击【右上角,关注 子瑜说IT 】持续更新IT资讯以及web前端开发教学

8年开发老码农福利赠送:网页制作,网站开发,web前端开发,从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端小程序项目实战【视频+工具+系统路线图】都有整理,送给每一位对编程感兴趣的小伙伴

获取方式:

右上角有私信,请私信发我:01 即可获取!

b1e3986f84506843404a3e937399fd74.png
e2d1b1938a722107a8f0bca851c8084b.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值