2024-05-101.定义一个ul，宽度300，底下跟着3个li，每个li宽度100ul,li {padding: 0;margin: 0;ul {li {效果：可以看到，一行放不下三个li，因为我们在写li时，有换行，系统就会把换行当作空格显示我们在ul设置font-size为0，可以解决这个问题，（li内没有出现空格问题，是li之间有空格，所以找ul解决）而li是会继承font-size的设置的。

https://www.qianduange.cn//article/8001.html 分类：前端知识

2024-05-09示例：设置一个 rem 为 100px，都会继承 html 里的 font-size。示例 2：自身的 font-size 乘以继承的 line-height => 16 * 2 = 32px。示例：iPhone5、iPhone6/7/8、iPhone6/7/8Plus 机型。示例：测试 relative 和 absolute。示例 1：继承 body 的行高：30px。示例：flex 布局画色子（三点）示例：flex 布局画色子（五点）示例：（不设置 bfc）示例：（设置 bfc）

https://www.qianduange.cn//article/7573.html 分类：前端知识

2024-05-07注意：其中不需要设置的属性可以省略(取默认值)，但必须保留font-size和font-family属性，否则font属性将不起作用。font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900(100的整数倍)。font属性用于对字体样式进行综合设置，其基本语法格式如下：选择器{字体风格→字体粗细→字体大小→字体类型 }font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。_html字体

https://www.qianduange.cn//article/7320.html 分类：前端知识

2024-04-29谈到 font-size 属性是，em表现的不太一样。之前提过，当前元素的字号决定了 em, 但是，如果声明 font-size:1.2em.那么这个字号是根据继承的字号来计算的body {.slogan {em的复杂之处在于同时用它指定一个元素的字号和其他属性。这时，浏览器必须先计算字号，然后使用这个计算值去算出其余的属性值。这两类属性可以拥有一样的声明值，但是计算值不一样。相对视口单位还有一个用途就是设置字号。如果给一个元素加上 font-size: 2vw 会发生什么?

https://www.qianduange.cn//article/6625.html 分类：前端知识

2024-04-29基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签不能差异化选择较多类选择器可以选出1个或多个标签可以根据需求选择非常多id选择器一次只能选择1个标签id属性只能在每个HTML文档中出现一次一般和js搭配通配符选择器选择所有的标签选择的太多，有部分不需要特殊情况使用每个基础选择器都有使用场景，都需要掌握如果修改样式，类选择器使用最多。属性表示注意点font-size字号通常用的单位是px像素，一定要跟上单位字体。_chrome浏览器 css样式 -web

https://www.qianduange.cn//article/6404.html 分类：前端知识

2024-04-29相对单位，它是只相对于根标签（html）的字体大小而设置，也是1rem=1个html的font-size。相对单位，它是相对于其父元素内字体大小而设置的，也就是1em=父元素1个font-fize，常用的16进制颜色：#f00,#0f0,#00f,#ccc灰色，#f60 橘色，#000 ,#fff。html的默认字体大小是16px，有些浏览器有最小的字体大小，一般是10-12px。如果父元素没有字体大小，它就会继承祖先元素的字体大小，如果祖先元素没有设置，alpha是透明度，0表示透明，1表面不透明。_html默认字体大小

https://www.qianduange.cn//article/6162.html 分类：前端知识

2024-04-21在css()方法中，如果属性中带有“-”符号，例如font-size和background-color属性，如果在设置这些属性的值的时候不带引号，那么就要用驼峰式写法，比如上面的代码，如果带上了引号，既可以写成“font-size”，也可以写成“fontSize”。它的作用是获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移，与offset()一样，它返回的对象也包括两个属性，即top和left。同样，width()方法也能用来设置元素的宽度。_jq .style

https://www.qianduange.cn//article/5555.html 分类：前端知识

2024-04-15这里的视窗（Viewport） 指的是浏览器可视化的区域window.innerWidth/window.innerHeight 的大小。rem 就是相对于根元素 html 的 font-size 来做计算。通过媒体查询适应不同机型，配合rem或vw进行布局。DPR = 设备物理像素 / CSS像素。_移动端自适应布局如何实现

https://www.qianduange.cn//article/4935.html 分类：前端知识

2024-04-15在网页中字体是重要的组成部分，使用好字体可以让网页更加美观，在CSS中提供了一系列用来设置文本样式的属性，如更改字体，控制字体大小和粗细等等。如下：：用来设置字体的。font-style：用来设置字体风格，比如斜体。：用来设置字体粗细。font-size：用来设置字体尺寸。：可以将小写字母转换为小型大写字母。：对字体进行伸缩变形(使用较小，并且主流的浏览器都不支持，就不做讲解了)。font：字体所有属性的缩写，可以在一个声明里面设置多个字体属性。CSS设置网页颜色-CSDN博客。

https://www.qianduange.cn//article/4926.html 分类：前端知识

2024-04-12相对长度单位，这个单位代表根元素的 font-size 大小（例如 元素的font-size）。比如根元素的 font-size 为 16px，则 1rem = 16px。vh 相对长度单位，视口高度的 1/100。vw 相对长度单位，视口宽度的 1/100。总得来说，REM 是根元素 font-size 的长度单位，也是移动端适配的解决方案之一。动态 REM随着移动端设备越来越多，尺寸屏幕也大小不一。那么如何给页面写 CSS 呢？缺点：工作量大，不切实际。

https://www.qianduange.cn//article/4771.html 分类：前端知识