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

7 篇文章 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.连写

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

font:style weight size family
//1.style,weight可以省略。
//2.style,weight可以交换。
//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.总结

一天一篇,莫急,莫慌

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值