首页 > 其他分享 >CSS 尺寸单位和颜色单位

CSS 尺寸单位和颜色单位

时间:2023-06-26 20:01:13浏览次数:29  
标签:x% 单位 rgb 字体 等于 尺寸 CSS


尺寸



单位

描述


%

百分比

in

英寸

cm

厘米

mm

毫米

em

1em 等于当前的字体尺寸。

2em 等于当前字体尺寸的两倍。

例如,如果某元素以 12pt 显示,那么 2em 是24pt。

在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。

ex

一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)

pt

磅 (1 pt 等于 1/72 英寸)

pc

12 点活字 (1 pc 等于 12 点)

px

像素 (计算机屏幕上的一个点)



 



颜色



单位

描述

(颜色名)

颜色名称 (比如 red)

rgb(x,x,x)

RGB 值 (比如 rgb(255,0,0))

rgb(x%, x%, x%)

RGB 百分比值 (比如 rgb(100%,0%,0%))

#rrggbb

十六进制数 (比如 #ff0000)



 

 

 

 

 

标签:x%,单位,rgb,字体,等于,尺寸,CSS
From: https://blog.51cto.com/u_16171388/6557292

相关文章

  • CSS 选择器参考手册
    在CSS中,选择器是一种模式,用于选择需要添加样式的元素。"CSS"列指示该属性是在哪个CSS版本中定义的。(CSS1、CSS2还是CSS3。) 选择器例子例子描述CSS.class.intro选择class="intro"的所有元素。1#id#firstname选择id="firstname"的所有元素。1**选择所有元素。2elementp选......
  • css属性中的 filter 和 backdrop-filter 使用
    filterCSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。mdn文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter/*URLtoSVGfilter*/filter:url("filters.svg#filter-id");/*<filter-function>values......
  • ABAQUS盾构隧道开挖模型Cae文件,一环7片,含螺栓,配筋。 (此模型用的㎜单位制)
    ABAQUS盾构隧道开挖模型Cae文件,一环7片,含螺栓,配筋。(此模型用的㎜单位制)在ABAQUS软件中,存在一个盾构隧道开挖模型的Cae文件。该模型由一环七片组成,其中包含螺栓和配筋。该模型使用毫米作为单位制。这段话涉及到的知识点和领域范围是:ABAQUS软件、盾构隧道开挖模型、Cae文件、螺栓......
  • CSS样式(内联、内部、外部)
    https://blog.csdn.net/xiji333/article/details/111283931文章目录1.内联样式2.内部样式3.外部样式1.内联样式  内联样式,又称行内样式。在标签内部通过stylestylestyle属性来设置元素的样式。<!DOCTYPEhtml><html><head><metacharset="utf-8"><ti......
  • 爬虫如何通过HTML和CSS采集数据的 ?
    爬虫可以应用于各种应用场景,包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域,爬虫能够提供宝贵的支持。爬虫可以按照设定的规则从多个网进行批量数据抓取,比人工手动方式更高效。量数据,并支持后续的数据分析和决策。爬虫可以通......
  • 爬虫如何通过HTML和CSS采集数据的 ?
    爬虫可以应用于各种应用场景,包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域,爬虫能够提供宝贵的支持。爬虫可以按照设定的规则从多个网进行批量数据抓取,比人工手动方式更高效。量数据,并支持后续的数据分析和决策。爬虫可以......
  • css之selection---让“选择”更色彩
    一直以来很少人关注也门文字的选中文字的控制,但是不乏在一些细心的网站会加一些这样的设置。 CSS3新增的伪::selection,可以帮助我们来改变选择文本的颜色和背景。  ::selection{color:#333;background-color:#cca2da;}::-moz-selection{color:#333;background-color:#cca2da;}......
  • 关于reset.css的一些思考与探究
    项目多了,大家多会有自己积累的一些reset.css的经历或者自己改进的代码,其实初衷还是很简单的,达到复用,重置浏览器的一些默认样式,实现跨浏览器兼容。 1、最早关注的还是YUI的ResetCSS,  在线的压缩版本地址:http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css 直接上......
  • panel绑定主体错误导致事件无法触发问题记录(尺寸异常)
    代码实例#coding:utf-8#!/usr/bin/envpython#@author:9527importwxclassDelayStatisticalPanel(wx.Panel):'''@function:背景板(BOOK)@By:9527'''def__init__(self,parent):super().__init__(paren......
  • SASS(scss)
    Scss1.认识ScssSass支持两种不同的语法,每个都可以加载另一个。scss其实是Sass的一种语法。SCSS语法使用.scss文件扩展名。除了一些小的例外,它是CSS的超集,这意味着基本上所有有效的CSS也是有效的SCSS。scss示例:$view-width:500px;$base-color:#c6538c;$border-dark:......