首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

「css基础」一次搞懂CSS 字体单位:px、em、rem 和 %

,使用上就应该要预先初始化字体大小,下面这两段CSS可以将所有的元素字体大小预设为16px,接下来可以进行个别调整。...html{ font-size:16px; } html * { font-size: 1rem; } px px 是绝对单位,因此只要设定多少px,就会精确的呈现,对于一些讲求精准位置的排版而言十分有用...(根元素指的是html的font-size,预设为16px )。...h6~h1的标签文字大小,根据W3C的规范,以medium预设16px为基础(若html字体预设大小改变,medium也会跟着变),使用固定的百分比乘以medium的大小,例如xx-small预设为16px...熟悉了字体大小单位之后,你就更够能系统的进行设计整个网站的CSS字体架构,不过font-size 本身和font-family 有着一些复杂的关系,不同的font-family 有时也会影响font-size

3.5K20

css字体渐变色_html美化代码

之前写了个稿子http://club.chinaren.com/163042278.html自己配了不少的颜色可是U盘不小心中毒格式化。 没办法只好继续重来。。。。...1 #eff99cc#K 自创黑色字体裹着一层粉色粉红蕾丝 2 #ecc33cc#cff9966 外红内浅粉色 3 #e330066#cff99ff 外紫内浅红 4 #u#b#eff99cc...最简单的加闪加下横线的纯粉白字体我自己用的就是去掉#b而已 5 #effffff#cff99ff 还是粉色粉色打亮白色的那种。。。...喜欢的抱走嘻嘻 4 #e9966ff 很明媚的紫色 5 #gf88fcc#u#gf47fcc#u 感觉是石榴籽的颜色打起来有点麻烦因为这个字体只能用一次 下次用的时候它的后半截会掉额。。。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/180870.html原文链接:https://javaforall.cn

3.5K20

html中中文字体的代码

标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB2312 KaiTi_GB2312 宋体:SimSuncss中中文字体...FZShuTi 方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei Windows 中的中文字体...在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体: Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312...2312 简体中文(HZ) 54936 GB18030 简体中文(GB18030) 补充: 使用楷体_GB2312、仿宋_GB2312后,在 Windows 7/Vista/2008 中可能不再显示为对应的字体...这是因为 Windows 7/Vista/2008 中有楷体、仿宋,默认情况下没有楷体_GB2312、仿宋_GB2312,字体名称相差“_GB2312”。

6.8K20

CSS:绝对单位、相对单位

% %(百分比)应该是我们最好理解的单位了,这里就不多解释了,主要有一点需要注意: 如果对 html 元素设置 font-size 为百分比值,则是以浏览器默认的字体大小16px为参照计算的(所有浏览器的默认字体大小都为...font-size 对于字体大小属性(font-size)来说,em 的计算方式是相对于父元素的字体大小,1em 等于父元素设置的字体大小。...如果父元素没有设置字体大小,则继续往父级元素查找,直到有设置大小的,如果都没有设置大小,则使用浏览器默认的字体大小。...rem 和 em 一样,rem 也是一种相对单位,不过不一样的是 rem 是相对于根元素 html 的 font-size 来计算的,所以其参照物是固定的。...来计算的,所以如果改变 html 的 font-size 值,那么所有使用的 rem 单位的大小都会随着改变,这对于移动端适应各种屏幕大小来说还是有点作用的。

2K20

比例字体&等宽字体

HTML标签 UI开发熟悉的html标签,它是用于表示计算机源代码或者其他机器可以阅读的文本内容。通常将标签内的文本变成等宽字体,表示这段文本是源程序代码。...CSS单位 还有一个与等宽字体有关的css单位:ch ?...它是以字符0的宽度为基准, 另外一个单位ex是以小写字符x的高度为基准,当font-family改变的时候这两个单位的值也会变化,不同字体表现的样式不一样。...我们可以测试一下这个ch单位,当们把宽度设置为2ch的时候的表现是怎样: ? 总结:不同于比例字体,等宽字体具有相同的宽度字符。这种特点让它更易于阅读,拥有较高的统一性和一致性。.../fonts/list/classification/monospaced http://www.1001fonts.com/monospaced-fonts.html https://www.typewolf.com

8.7K60
领券