HTML连载16-颜色控制属性2&标签选择器

一、颜色控制属性(上接连载15)

(4)十六进制

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

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

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

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

例如:#FFEE00可以写为#FE0

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


<head>

    <meta charset="UTF-8">

    <title>d66_attribute_of_color2</title>

    <style>

        p{

            color: #ff4b54;

        }

</style>

</head>

<body>

<p>我们是使用一次十六进制</p>

</body>

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

二、标签选择器

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

2.格式?:

标签名称{

      属性:值;

      }

3.注意点:

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

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

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


<head>

    <meta charset="UTF-8">

    <title>d66_attribute_of_color2</title>

    <style>

        p{

            color: #ff4b54;

        }

        input{

            color: #37fa1e;

        }

</style>

</head>

<body>

<p>我们是使用一次十六进制</p>

<ul>

    <ol>

        <ul>

            <ol><p>cvsduhfcu</p></ol>

        </ul>

    </ol>

</ul>

测试用例:<input type="text">

</body>

三、源码:d66&67_attribute_of_color2&label_selector

地址:

https://github.com/ruigege66/HTML_learning/blob/master/d66%2667_attribute_of_color2%26label_selector

2.CSDN:https://blog.csdn.net/weixin_44630050(心悦君兮君不知-睿)

3.博客园:https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号:傅里叶变换,后台回复“礼包”获取Java大数据学习视频礼包

原文地址:https://www.cnblogs.com/ruigege0000/p/11094631.html

时间: 2024-08-30 01:14:51

HTML连载16-颜色控制属性2&标签选择器的相关文章

HTML连载15-文本属性&amp;颜色控制属性

一.文本装饰的属性 1.格式:text-decoration:underline; 2.取值: (1)underline代表下划线 (2)line-through代表删除线 (3)overline代表上划线 (4)none代表什么格式都没有(默认是这个属性) 注意:none的大多数用处在我们使用a标签的时候,可以用来去掉超级连接的下划线,可见下方演示 <head> <meta charset="UTF-8"> <title>Title</tit

用树莓派实现RGB LED的颜色控制——C语言版本号

用树莓派实现RGB LED的颜色控制  RGB色彩模式是工业界的一种颜色标准.是通过对红(R).绿(G).蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代 表红.绿.蓝三个通道的颜色.这个标准差点儿包含了人类视力所能感知的全部颜色,是眼下运用最广的颜色系统之中的一个.RGB色彩模式使用RGB模型为图像中每个像素的RGB分量分配一个0~255范围内的强度值. RGB图像仅仅使用三种颜色.就能够使它们依照不同的比例混合,从而得到各种各样的颜色. 在实际的控制中.往

C#forUnity快速入门(连载11)-C#的属性

C# for Unity编程语言快速入门教程(连载11)_C#的属性    C#的"属性"是一种类字段的约束控制手段,其直接目的就是控制字段的输入合法性,以及实现对字段的快速访问. 目的:     引入属性概念是为了更合理的控制对字段的可访问性.    规则1: 属性是方法的简化版,主要是用于对字段的控制.规则2: 属性本质就是Set 与Get 方法的简化.规则3: 属性可以写成只读属性.只写属性.规则4: 属性中如果不需要对字段做控制处理,可以简化写法. 因为这个概念相对比较简单,所

了解JavaScript 对象属性的标签

对象属性的标签 value(属性值), writable(属性可写), enumerable(属性可枚举), configurable(属性可配置), 这些属性标签使对象所持有的属性体现出不同的特性, 以便开发者开发使用. value value, 属性的值, 这个属性是最直观的体现, 一个属性我们使用的就是它的值, 这个值的类型可以是对象, 字符串, 值等任意类型. 如果未设置的话, 值会是undefined. Object.defineProperty(person, 'name', { c

div 属性 DIV标签属性有什么如何设置属性

div 属性 DIV标签属性有什么如何设置属性(音乐放松椅) div 属性介绍,对DIV可加属性有哪些,DIV属性一览表DIVCSS5整理 DIVCSS5给大家整理DIV标签内常用属性,同时通过div各属性小实例,让大家认识各属性并掌握属性. div标签内常用属性列表 1.style 设置css样式(扩展了解style标签) 2.align 设置div盒子内的内容居中.居左.居右 3.id 引人外部对应#(井号)选择符号样式 4.class 引人外部对应.(句号)选择符号样式 5.title 设

HTML元素 属性 格式化标签

一.HTML元素: 1.元素指的是从开始标签到结束标签的所有代码         <p>This is my web page.</p> 开始标签:<p> 结束标签:</p> 元素内容:This is my web page. 2.HTML元素语法 元素的内容是开始标签与结束标签之间的内容 空元素在开始标签中进行关闭 大多数HTML元素可拥有属性 3.嵌套的HTML元素 大多数HTML元素都是可以嵌套的 二.HTML属性 1.标签可以拥有属性为元素提供更多的

Css的标签选择器和文本属性样式记录

---恢复内容开始--- 自己的一些简单记录,大概看下,然后对照着W3C都模拟一次. 最近我会把每个例子的属性的注释写完整和例子都会重新贴出来. /** *浏览器私有属性 * -webkit:chrome,safari * -moz: firefox * -ms:IE * -o:opera *  * @规则: * @media:响应式布局 * @keyframes:css动画 * @font-face:引入外部字体 * ... * 选择器: * 一.简单选择器(可以组合) * 标签选择器: *

开发带属性的标签

1 package cn.itcast.web.tag; 2 3 import java.io.IOException; 4 import java.io.StringWriter; 5 import java.util.Date; 6 7 import javax.servlet.jsp.JspException; 8 import javax.servlet.jsp.tagext.JspFragment; 9 import javax.servlet.jsp.tagext.SimpleTag

css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+

css3背景颜色渐变属性 兼容性测试基础环境为:windows系统:IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法: <linear-gradient>:linear-gradient([ <point>,]? <color-stop>[, <color-stop>]+); <point>:[ left | right ]? [ top | bottom ]? || <a