美文网首页
Css描述元素的各种长度和颜色

Css描述元素的各种长度和颜色

作者: 扶光_ | 来源:发表于2022-09-24 11:27 被阅读0次

一,长度

数字值分为两类,为绝对值和相对值
绝对值

绝对值 单位编写 示例
英寸 in height:6in
厘米 cm height:6cm
毫米 mm height:500mm
pt height:60pt
皮卡 pc height:90pc
像素 px height:72px

相对值

相对值 单位编写 示例
英寸 in height:6in
厘米 ex height:6ex
百分比 % height:60%

em和ex都是字体大小的单位
em是表示他表示字体中字母M的宽度
ex是表示字母x的高度

二,颜色值

1.颜色名

w3c定义了16个颜色的关键字
qaua(浅绿色),black(黑色),blue(蓝色),fuchisa(紫红色),gray(灰色),green(绿色),lime(荧光绿),maroon(褐红色),navy(深蓝),olive(茶青色),purple(紫色),red(红色),silver(银色),real(青色),white(白色),yellow(黄色)

2.十六进制颜色(rgb)

3.HSL(色相,饱和度%,亮度%)

色相

  • 红:0
  • 橙:35
  • 黄:60
  • 绿:125
  • 蓝:230
  • 靛:280
  • 紫:305
    饱和度0%就是黑色 100%白色

亮度就是亮度值

4.alpha通道

RGB和HSL都支持alpha通道,用于设置颜色的透明度.那就是rgba()和hsla(),最后参数就是0(完全透明)-1(完全不透明)

相关文章

  • Css描述元素的各种长度和颜色

    一,长度 数字值分为两类,为绝对值和相对值绝对值 绝对值单位编写示例英寸inheight:6in厘米cmheigh...

  • CSS之长度单位

    CSS之长度单位 很多CSS属性要靠长度度量衡才能正确显示元素。因此,CSS中有许多长度单位。CSS中的长度单位分...

  • HTML5学习笔记 - 第03天

    在CSS属性中,字体和大小,子元素可以继承父元素,但颜色不能 CSS核心属性 一.CSS属性组成和作用 1.每个c...

  • MaterialDesign-UI上的颜色应用

    用法 这些指南描述了颜色应用很重要的各种UI组件和元素。 顶部和底部应用栏 将颜色应用于顶部和底部应用栏有助于用户...

  • 颜色排序

    描述 给定一个包含红,白,蓝且长度为 n 的数组,将数组元素进行分类使相同颜色的元素相邻,并按照红、白、蓝的顺序进...

  • CSS学习总结

    CSS是一种通过定义某些样式,可以设置网页元素显示不同的字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现...

  • CSS基础知识点记录

    CSS参考手册 1、CSS(层叠样式表):描述元素的皮肤,美化页面。 2、CSS使用方式:内联、页面嵌入和外部引用...

  • 随笔03

    1、css3中transfrom和transition、animation的区别 transfrom描述元素静态样...

  • Web的三个构成

    结构:HTML 是页面元素和内容; 表现:CSS是网页元素的外观和位置等页面样式(如:颜色,大小等); 行为:Ja...

  • HTML

    一. CSS 1.CSS叫做层叠样式表,用来设置页面中元素的样式。背景颜色、字体颜色、字体大小2.CSS负责结构、...

网友评论

      本文标题:Css描述元素的各种长度和颜色

      本文链接:https://www.haomeiwen.com/subject/jrvoortx.html