CSS总结------文本字体类

我会带着你远行 2022-06-08 08:13 313阅读 0赞

这一章主要对文本和背景的CSS**常用**属性做出总结
CSS的东西太多了,不常用的有精力的可以试着知道。一般都查表
包括


















名称 名称
文字属性 文本属性
颜色属性 背景属性

下面一一来归纳:

1.文字属性

1.font-style:文字样式































名称 格式 解释
正常 normal 默认,使用正常
斜体 italic 使用文字的斜体
倾斜 oblique 使文字倾斜
继承 inherit 规定应该从父元素继承字体样式

注意点:

  • italic是使用某个字体的斜体,如果字体没有斜体,就没有用
  • oblique是直接让字体倾斜
  • inherit往往用于继承不会被自动继承的属性

2.font-weight:字体粗细









































名称 格式 解释
正常 normal 默认,使用正常–400
粗体 bold 显示文字的粗体—700
更粗 bolder 显示文字的超粗体
细斜 oblique 文字更细
自定义 100-900 自定义粗细
继承 inherit 规定应该从父元素继承字体样式

3.font-size:字体大小














































名称 格式 解释
细体 xx-small> x-small >small 非常小,很小,小
正常 medium 默认
粗体 large>x-large>xx-large 三种
长度表示法 20em;/20px;/20pt; 在后面接上像素值等
相对比较 larger 、smaller 相对于父元素
百分比值 50% 父元素百分比
继承 inherit 规定应该从父元素继承字体样式

4.font-family:字体种类





















名称 格式 解释
中文 “”/” 中文需要括起来
英文 任意

注意点:
1.用户电脑得有
2.备用字体用逗号隔开
3.不存在会使用默认
4.中文字体可以用英文代号
5.分别设置中英文,英文要在前面

5.连写

连写是设置字体属性的一个很方便的方法
格式:

  1. font:style weight size family
  2. //1.style,weight可以省略。
  3. //2.style,weight可以交换。
  4. //3.其余不可省略,不可交换

2.文本属性

1.text-decoration:文本装饰









































名称 格式 解释
none 默认。定义标准的文本
下划线 underline 定义文本下的一条线
上划线 overline 定义文本上的一条线
删除线 line-through 定义穿过文本下的一条线
闪烁 blink 定义闪烁的文本
继承 inherit 规定应该从父元素继承字体样式

2.text-align:文本对其




































名称 格式 解释
center 把文本排列到中间
left 把文本排列到左边(默认)
right 把文本排列到右边
两端 justify 实现两端对齐文本效果
继承 inherit 规定应该从父元素继承字体样式

3.text-indent:文本缩进

length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。


























名称 格式 解释
绝对值 length 常用的表示,em
百分比 % 定义基于父元素宽度的百分比的缩进
继承 inherit 规定应该从父元素继承字体样式

3.颜色属性































名称 格式 解释
英文 red/blue 直接使用英文
三原色 rgb(0,0,0) 红绿蓝为参照
三原色+ rgb(0,0,0,0) a代表透明度
十六进制 FFEE00 使用十六进制

网上无意中看到的一个,感觉还行,可以查查
颜色对照表

4.总结

一天一篇,莫急,莫慌

发表评论

表情:
评论列表 (有 0 条评论,313人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS文本字体及排版

    字体——`font-family` `font-family`:字体1,字体2,字体3,……;应用`font-family`属性可以一次定义多个字体,而在浏览器读取字体时