标签：文本 family normal 字体 font 文本属性 CSS size

三、CSS字体属性

3.1字体系列   font-family

例： p { font-family: " 微雅软黑";}

注意：

• 各个字体之间必须使用英文状态下的逗号隔开
•  一般情况下，如果有空格隔开的多个单词组成的字体，需要加引号0
• 尽量使用系统默认字体

3.2字体大小 font-size

• px(像素)大小是我们网页中最常用的单位
• 谷歌浏览器默认的文字大小为16px
• 不同浏览器可能默认的字体大小不一样，尽量给一个明确值大小
• 可以给body指定整个页面文字的大小

3.3字体粗细  font-weight

normal	默认值
bold	定义粗体
100-900	400=normal，700=bold，无单位

3.4文字样式 font-style

一般使用normal将倾斜体标签(em，i)改为不倾斜字体

3.5复合属性

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

• 必须按照上面的顺序写属性值，每个属性值之间用空号隔开
• font-size和font-family属性必须写

3.6总结

font-style	字体样式	斜体是italic，不倾斜是normal
font-weight	字体粗细	加粗是700/bold，不加粗是400/normal，无单位
font-size	字号	通常的单位是px像素，一定要有单位
font-family	字体	按照实际写字体
font	字体连写	1.有顺序，不能打乱  2.font-size和font-family必须出现

 

四、文本属性

文本的外观，比如文本的颜色，对齐文本、装饰文本、文本缩进、行间缩进等

4.1文本颜色  color

预定义的颜色值	red，green，blue等
十六进制	#ff0000，#ff6600,#ff29D794等
RGB代码	rgb（255,0,0）或rgb（100%,0%,0%）

4.2对齐文本  text-align

left	左对齐（默认值）
right	右对齐
center	居中对齐

4.3装饰文本 text-decoration

none	默认，无装饰线
underline	下划线，链接<a>自带下划线
overline	上划线
line-through	删除线

4.4文本缩进 text-indent文本第一行的缩进（单位px）

em是一个相对大小，就是当前元素一个文字的大小，如果当前没有设置大小，则会按照父元素的1个文字大小

4.5行间距 line-height

单位px 行高包括上、下间距和文本高度

标签：文本,family,normal,字体,font,文本属性,CSS,size
来源： https://blog.csdn.net/m0_54487444/article/details/123123369

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。