这一章主要对文本和背景的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
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.总结
一天一篇,莫急,莫慌