企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
**font属性比较多,一般只用几种** > font 简写属性在一个声明中设置所有字体属性。 可设置的属性是(按顺序): "font-style font-variant font-weight font-size/line-height font-family" >font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。 >一般这样写:``font:16px bold sans-serif;`` * font-size表示字体大小: ~~~ 可以用自带的,分别有xx-small,x-small,small,medium,large,x-large,xx-large. 还可以这样 font-size:20px; font-size:126%(相对于父级元素大小) font-size:1.26em(相对应父级元素大小倍数) ~~~ * font-family表示字体体系: ~~~ font-family:sans-serif,verdana,geneva,arial,"courier new";(这是几种字体样式) 其中如果只有inherit表示继承自父元素样式 如果要用自己的字体样式,则: @font-face{ font-family:sans-serif,verdana,"courier new"; src:url(字体文件路径),(字体文件路径); } ~~~ * font-style ~~~ font-style:...; normal 默认值。浏览器显示一个标准的字体样式。 italic 浏览器会显示一个斜体的字体样式。 oblique 浏览器会显示一个倾斜的字体样式。 inherit 规定应该从父元素继承字体样式。 ~~~ * font-weight 属性设置文本的粗细 ~~~ font-weight:...; normal 默认值。定义标准的字符。 bold 定义粗体字符。 bolder 定义更粗的字符。 lighter 定义更细的字符。 inherit 规定应该从父元素继承字体的粗细。 100~900 用数值表示粗细 ~~~ * 行高 ~~~ 行高用line-light表示,它有三种表示方法: line-height:20%,1.2em,30px; 其中em和百分比都是相对于字体的高度说的 ~~~ **注意没有font-color**