在 CSS 中子元素如何继承父元素的 line-height?
✂【回答】
给子元素设置 line-height: inherit;
即可从父元素继承 line-height
。
🖊【便签】
值设置为“数字 + 相对单位”(百分比亦属于此列)时,line-height
属性都是等于
数
字
×
父
元
素
的
字
体
大
小
{数字 × 父元素的字体大小}
数字×父元素的字体大小。
在 CSS 中 inset 属性的用法?
✂【回答】
inset
属性用作定位元素的 top
、right
、bottom
、left
这些属性的简写。类似于 margin
和 padding
属性,依照“上右下左”的顺序。举个例子:
inset: 0; // 等同于 top: 0; right: 0; bottom: 0; left: 0;
🖊【便签】
注意:inset
属性只作用于定位元素。Internet Explorer 浏览器上不支持该属性。
在 CSS 中 font-feature-settings 属性的作用?
✂【回答】
font-feature-settings
属性允许控制 OpenType 字体中的高级印刷特性。
🖊【便签】
font-feature-settings
属性是一个比较偏底层的功能接口,用于解决由于没有其他方法去访问和设置 OpenType 字体某些特性而无法解决一些特殊功能需求。- 特别需要注意的是,该 CSS 属性不应该用来开启大写字母转换。
在 CSS 中 font-variant 属性有什么作用?
✂【回答】
font-variant
属性作用——以小型大写字母的字体显示小写字母。这意味着:
font-variant
属性会将小写字母转为大写字母。font-variant
属性不会对大写字母或中文生效。
🖊【便签】
font-variant
各个属性值:
属性值 | 描述 |
---|---|
normal | 默认值。浏览器会显示一个标准的字体 |
small-caps | 显示小型大写字母的字体 |
inherit | 从父元素继承 font-variant 属性的值 |
在 CSS 中,请说说你对文档流的理解
✂【回答】
文档流,就是标签元素按照默认的规则排列,是最基本的布局方式。其规则如下:
- 块级元素独占一行,按从上至下的顺序排列。
- 行内元素会按从左到右的顺序排列,碰到父元素边缘后换行,可拆分。
- 行内块元素会按从左到右的顺序排列,碰到父元素边缘后换行,不可拆分。
🖊【便签】
- 行内元素的默认宽度和高度都是被内容撑开的。
- 行内块元素同时具有块元素和行内元素的特点。
- 除了
p
之外,所有的文本级标签,都是行内元素。p
是个文本级,但也是块级元素。
劝学
秦地穷困,无钱纳贡;秦人硬骨,不能折腰。——孙皓晖《大秦帝国》