首页 > 其他分享 >CSS - 字体属性 设置字体,大小,粗细,类型,行高,复合属性与文本属性 设置文本颜色,对齐方式,装饰,缩进

CSS - 字体属性 设置字体,大小,粗细,类型,行高,复合属性与文本属性 设置文本颜色,对齐方式,装饰,缩进

时间:2023-01-04 16:25:31浏览次数:45  
标签:默认值 字体 设置 对齐 font 文本属性 属性

1.设置字体

font-family: Arial,"Microsoft Yahei";

Windows默认支持的字体:"Microsoft Yahei",SimSun,Arial,Tahoma,Verdana

设置字体的时候,先英后中,保证中英字体兼容到。尽量设置系统中自带的字体

 

2.设置字体大小

font-size: 21px;

默认值 medium,属性值可以为px,em。标题是特殊的,需要单独设置大小

 

3.设置字体的粗细

font-weight: 900;

默认值:normal,粗体字体:bold,更粗的字体:bolder,细的字体:lighter,由细到粗:100~900

 

4.设置字体的样式

font-style: italic;

默认值:normal,italic:斜体,oblique:倾斜

 

5.设置字体的行高

line-height: 20px;

默认值:normal,属性值可以为:px,百分比% 设置为当前的字体的百分之几,数值 2 设置为当前字体的2倍大小

 

6.设置字体的复合属性

font:font-style  font-weight  font-size/line-height  font-family;

font:字体的类型 字体的粗细 字体的大小/字体的行高 设置字体

 

1.设置文本颜色

color: red;
color: rgb(99,128,20);
/*第三个参数是设置透明度*/
color: rgba(99,128,20,0.5);

 

2.文本对齐

text-align: center;

属性:左对齐 right 默认值,居中对齐 center,右对齐 right

 

3.文本装饰

text-decoration: underline;

默认值:none,underline:下划线,overline:上划线,line-through:删除线

 

4.文本缩进

text-indent: 2em;

属性值:px,em

标签:默认值,字体,设置,对齐,font,文本属性,属性
From: https://www.cnblogs.com/ErenYeager/p/17025181.html

相关文章

  • 解除字体嵌入许可限制
    更新为字体嵌入限制清除器V1.1版,增加批量字体命名功能。印前老司机应该都知道,保存pdf时,某些字体(比如方正字体)因版权限制是无法嵌入到pdf里面去的,这样导出的PDF文件就给后......
  • v-mode和v-for和虚拟dom和v-bind对于class增强,computed计算属性和watch属性侦听器
    v-mode双向数据绑定(重点)基本使用:给表单元素使用,双向数据绑定(1)当数据变化了,视图也会跟着变化(2)视图变化了,数据也会跟着变化(输入框内容变化了(监听用户的输入,监听input事件),......
  • GitHub 开源了多款字体「GitHub 热点速览 v.22.48」
    本期News快读有GitHub官方大动作一下子开源了两款字体,同样大动作的还有OpenAI发布的对话模型ChatGPT,引燃了一波人机对话。项目这块,也许会成为新的Web开发生产力工......
  • 产品经理该不该有行业属性?
    原文:https://www.inneed.club/articles/detail/yelajwdgbd   产业互联网的核心在于利用互联的相关技术,对传统行业进行赋能创新。所以在产业互联网的时代,行业属性显......
  • unity3d调用jar类中的方法和属性
    这里用的unity3d的版本是5.3.2在eclipse里新建一个java工程,并导出成jar。packagecom.innyo.androidplugin;publicclassapTest{publicapTest(StringinString){t......
  • 中文网页显示定制字体
    中文网页显示定制字体一直是个大问题,英文简单,毕竟就几十个字符而已。用@font-face加载字体就好了。例如Bootstrap里@font-face{font-family:'GlyphiconsHalflings';s......
  • docx替换word属性打勾
    原文链接:https://blog.csdn.net/qq_32793985/article/details/115867844之前写过一个POI依据word模板替换${xxx}属性demo,正式上项目中,还有一些不足,比如说表格/图片/复......
  • TOMCAT报错AJP连接器配置secretRequired="true",但是属性secret确实空或者空字符串,这
    TOMCAT报错AJP连接器配置secretRequired="true",但是属性secret确实空或者空字符串,这样的组合是无效的。解决方法解决方案也很简单,打开server.xml,在connector段中设置AJP......
  • v10_溢出属性
    溢出属性overflow :auto....b1{width:200px;height:100px;background-color:bisque;/*overflow:visible;默......
  • CAD中如何设置自动替换字体?
    CAD字体丢失的问题十分常见,每次都要手动替换非常麻烦,那么,是否可以设置一种默认的替换CAD字体呢?回答是肯定的!本文小编就来给大家分享一下浩辰CAD软件中设置自动替换CAD字体......