长度值:像素、em、%百分比
一般情况下:大多数使用的是像素
给定font-size为12px,则相同情况下,1em等于12px(注意:在用font-size为em时,根据父元素的px定位计算)如:
p{font-size:14px} span{font-size:0.8em;}
结果 span 中的字体“例子”字体大小就为 11.2px(14 * 0.8 = 11.2px)。
百分比情况也和em相同。跟随父级元素
教程参考:初识HTML(5)+CSS(3)-2020升级版 - 长度值
初识HTML(5)+CSS(3)-2020升级版 - 像素px:相对单位em:就是本元素给定字像素px:相对单位em:就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px百分比:font-size的百分比教程参考:初识HTML(5)+CSS(3)-2020升级版 - 长度值
初识HTML(5)+CSS(3)-2020升级版 - 文本输入框、密码输入框语法:文本输入框、密码输入框语法:<form> <input type="text/password" name="名称" value="文本" /> </form>type有不同的类型name为文本框命名,后期可被asp,php调用。教程参考:初识HTML(5)+CSS(3)-2020升级版 - 先来填用户名和密码 - …
初识HTML(5)+CSS(3)-2020升级版 - 消除内联元素间距:设置父元素font-s消除内联元素间距:设置父元素font-size: 0;设置浮动属性float(设置后会靠特定的方向)设置word-spacing属性值为负数 教程参考:初识HTML(5)+CSS(3)-2020升级版 - 我要和你站一起 - 内联元素
初识HTML(5)+CSS(3)-2020升级版 - 小结text-decoration:no小结text-decoration:none默认、underline、overline、line-throughtext-indent (段落空两格): 单位emline-height (行距) 单位em字母文字/英文单词 间距 letter/word-spaceing 单位pxtext-align : center 、left 、right教程参考…
初识HTML(5)+CSS(3)-2020升级版 - 顺序:font-style | font顺序:font-style | font-variant | font-weight | font-size | line-height | font-family使用这一简写方式你至少要指定 font-size 和 font-family 属性教程参考:初识HTML(5)+CSS(3)-2020升级版 - 偷个懒 - font样式的简写方式