SnowKagura‘s blog - 字体
type: channel
link: https://www.snowkagura.com/tag/%E5%AD%97%E4%BD%93/
items: 关于用CSS格式化表单元素的方法
items: 关于css中的单位

关于用CSS格式化表单元素的方法
type: item
date: 2020-10-04T22:04:00+08:00
description: 继承和表单元素在一些浏览器中，表单元素默认不会继承字体样式，因此如果想要确保表单填入区域使用body中或者一个父元素中定义的字体，需要向CSS中加入这条规则。button, input, select, textarea { font-family : inherit; font-size : 100%; } form元素与box-sizing跨浏览器的form元素对于不同的挂件使用不同的盒子约束规则。为了保证统一，将所有元素的内外边距均设为0是个好主意，然后在单独进行样式化控制的时候将这些加回来。button, input, select, textarea { box-sizing: border-box; padding: 0; margin: 0; }[scode type="green"]除了上面提到的规则以外，也应该在上设置overflow: auto 以避免IE在不需要滚动条的时候显示滚动条[/scode]textarea { overflow: auto; }把这一切都综合起来作为最后一步，可以将上面讨论过的各式属性包起来，成为以下的“表单重置”，以提供一个统一的在其上继续进行工作的地基，这包含了前三节提到的所有东西：button, input, select, textarea { font-family: inherit; font-size: 100%; box-sizing: border-box; padding: 0; margin: 0; } textarea { overflow: auto; }

关于css中的单位
type: item
date: 2020-09-25T22:37:00+08:00
description: 绝对长度单位cm 厘米 1cm = 96px/2.54mm 毫米 1mm = 1/10th of 1cmQ 四分之一毫米 1Q = 1/40th of 1cmin 英寸 1in = 2.54cm = 96pxpc 十二点活字 1pc = 1/16th of 1inpt 点 1pt = 1/72th of 1inpx 像素 1px = 1/96th of 1in[scode type="green"]这里面最多会使用的就是px(像素）[/scode]相对长度单位em 在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如 widthrem 在排版属性中，相对于根元素的字体大小ex 字符“x”的高度ch 数字“0”的宽度rem 根元素的字体大小lh 元素的line-heightvw 视窗宽度的1%vh 视窗高度的1%vmin 视窗较小尺寸的1%vmax 视图大尺寸的1%