一、字体 font-family font-family:[字体1] [,字体2] [,...]
例如： font-family:"宋体"; 1. 含空格字体名和中文，用英文引号( " ) 括起 font-family:"微软雅黑";
font-family:"Calibri Light"; 2. 多个字体，用英文逗号 “,” 隔开 设置多个字体，浏览器依次查找，如果都没有
思考1. 页面布局文字能否随着屏幕大小变化而变化？2. 流式布局和flex布局主要针对于宽度布局，那高度如何设置？3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？一、rem 基础rem 单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置
转载
2024-06-13 17:01:17
81阅读
在CSS文件中，我们常看到有些字体名称变成了乱码，这是由于编写者将中文字体的名字直接写成了中文，并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称，我们常用中文字体的英文名称对照表如下： Windows自带的字体：华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文细黑华文黑体
一. 基础 1. css的引入：<link rel="stylesheet" href="">link标签中，rel属性代表relation，href是hypertext reference，即超文本引用。另外，type属性总是会隐式声明为text/css，但这并不是一个绝对安全的做法。最后一个值得说的属性是media，它的3个被广泛支持的
转载
2024-10-18 20:41:39
53阅读
什么是 rem可能在你使用收音机或者用其他音乐播放器之前，就已经听过“R.E.M.”这个词了。在这个乐队眼中，这个词是“浅睡眠时眼球的快速转动”的缩写，而在 css 中，rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人，但是它可以帮助你实现一个和谐、平稳的设计。根据 W3C 规范中对 1rem 的定义：1rem 与等于根元素 font-si
转载
2024-08-27 11:49:58
91阅读
css属性font-size可以用来设置字体的大小, 可是有时候看到大小的设置是font:bold 20px/24px Verdana, Geneva, sans-serif;这里的20px/24px是指的什么, 这个斜杠表示什么呢?解答：font有多个属性，我写的时候一般就用缩写：font:normal 12px/22px "宋体";这样的意思是:字体不加粗，字号是12px，行高是22px，字体
转载
2024-03-01 18:35:29
46阅读
px\em\rem三者介绍pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。因此，为了换算方便，通常我们会在HTML的根元素设置：ht
转载
2024-05-31 23:27:02
47阅读
font-size：字号大小font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位，其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。具体如下：相对长度单位说明em相当于当前对象内文本的字体尺寸px像素，最常用，推荐使用绝对长度单位说明in英寸cm厘米mm毫米pt点font-family：字体font-familay属性用于设置字体，网页中
转载
2024-05-08 19:25:41
149阅读
属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1 已删除该属性。）font-style设置字体风格。font-variant以小型大写字体或者
转载
2024-02-29 14:05:10
249阅读
字体1、使用CSS属性指定和改变字体外观，常见的属性有：font-style: italic; 定义字体的风格font-weight: bold; 定义字体粗细font-size: 20px; 定义字体大小line-height: 30px; 定义一段文字的行高还可以使用简写形式，把所有属性值放到font属性中，如：p {font: italic bold 20px/30px 微软黑体;}2、Fo
转载
2024-10-17 21:27:10
19阅读
深入了解 CSS 中的 rem 单位，它是具有良好浏览器支持的相对大小调整的单位，这里来学习如何有效地使用它们。什么是 rem 单位？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位
普及知识点（1）浏览器的默认字体大小：16px（2）chrome字体最小限制：12px（3）CSS单位分为绝对单位和相对单位CSS单位CSS中，单位分为两类:（1）绝对单位：无论其他相关的设置怎么变化，绝对单位指定的值是不会变化的；（2）相对单位：没有固定的度量值，是由其他元素尺寸来决定的相对值。CSS单位兼容CSS重要单位集合：①px像素Pixel，绝对长度单位，相对于显示器屏幕分辨率而言的。②
转载
2024-09-05 17:04:43
25阅读
在最近阅读美团的源码的时候，我发现了一个新增的单位rem,区别于px,对这个单位进行了一定的研究！像素单位px px是Pixel的缩写，就是说像素是指基本原色素及其灰度的基本编码，由 Picture(图像) 和 Element（元素）这两个单词的字母所组成的，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调。css像素又称为虚拟像素、设备独立像素或者逻辑像素，可以理解为直觉像素。比如iPhone
转载
2024-09-17 16:12:24
54阅读
1、广义上的 font-size用于设置 字体大小，辅以单位控制，实质上是控制 字符框 的高度。2、狭义上的 font-size2.1、字体的基线line-height : 意为 行高 ，content-area (内容区域)，被 font-family 、 font-size 共同影响（元素看到的高度与实际字体设置大小不一样的原因）em box : 意为 字体框 ，仅被 font-size 影响
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。9 个 CSS 技巧
特此声明，这里说的 CSS 并不止包含 CSS，也包含 CSS 预处理器（Less Sass 等），愿各位看官不要纠结于此。
正文现在开始。1. 建议使用 padding 代替 margin我们在设计稿还原的时候，padding 和 marg
viewpointcss3提供了一些与当前viewpoint相关的元素，vw，vh，vmin, vmax等。“viewpoint” = window size
vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, 最小
1vmax = 1vw or 1vh, 最大兼容性：chrome 20+/ safa
转载
2024-05-11 19:08:26
287阅读
rem是css3新增的一个属性，它是一个相对单位，直观上可以说：是相对于html元素字体大小的单位。兼容性：大多数浏览器都支持，除了IE8以下不支持，但rem一般多用于移动端页面。优点：在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算。1、针对设计稿计算rem所有浏览器都一致默认保持着 16px 的默认字号，rem与px关系为：1
转载
2024-04-30 17:32:10
133阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<me
转载
2024-08-06 10:05:51
132阅读
使用CSS设置字体和文本样式：1.定义字体类型font-family用法：font-family:name;
font-family:ncursive|fantasy|monospace|serif|sans-serifname表示字体名称，可指定多种字体，用空格隔开。按优先顺序排列。如果字体名称包含空格，则应该使用括号（）括起来。 font是一个复合属性，所谓复合属性是指该属性能够设置
转载
2024-04-20 21:12:17
270阅读
rem是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位）一、em单位带来的问题我们知道，em的长度是根据元素自身的font-size大小来确定的：1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size，那么em的长度将根据父元素的font-size来确定。另外，元素自身的font-size
转载
2024-06-29 23:30:25
179阅读
