对于CSS的一些基本语法每次要用到的时候总是去重新查阅资料感觉很麻烦,趁着最近重新开始看前端的内容(《HTML5+CSS3+JavaScript网页设计》)。就把一些基本的语法按书整理一下。
1、控制文字样式
| 属性 | 属性名称 | 设置值 |
| color | 字体颜色 | 颜色名称 十六进制 RGB码 |
| font-family | 字体样式 | 字型名称 |
| font-size | 字体大小 | 数值+百分比(%) 数值+单位(pt,px,em,mm,cm) |
| font-style | 文字斜体 | normal(普通) italic(斜体)=oblique(斜体) |
| font-weight | 文字粗体 | normal(普通)400 bold(粗体)700 bolder(超粗体) lighter(细体) 利用100~900之间的数值,来确定粗细 |
2、段落属性
| 属性 | 属性名称 | 设置值 |
| text-align | 文字水平对齐 | left center right justify(两端对齐) |
| text-indent | 首行缩进 | 数值+百分比(%) 数值+单位 |
letter-spacing word-spacing | 字符间距 英文单词间距(一句中文算一个) | normal 数值+单位(pt, px, em) |
| line-weight | 行高 | 数值+单位 |
| word-wrap | 是否换行 | break-word |
| 属性 | 属性名称 | 设置值 |
| vertical-align | 垂直对齐 | baseline(一般位置) super(上标) sub(下标) top(顶端对齐) middle(垂直居中) bottom(底端对齐) |
| text-decoration | 文字装饰样式 | none underline(下划线) line-through(删除线) overline(上划线) |
| text-transform | 转换字母大小写 | none(不做任何改变) lowercase(全部小写) uppercase(全部大写) capitalize(首字母大写) |
text-shadow text-shadow: h-shadow v-shadow blur color; | 增加阴影效果 | 格式如下: 水平方向阴影大小 垂直方向 模糊淡化程度(不写表不使用) color 阴影颜色 |
本文总结了CSS中关于文字样式、段落属性及文字效果的基本语法。包括如何设置字体颜色、大小、对齐方式等,并介绍了如何应用文字装饰和阴影效果。
665

被折叠的 条评论
为什么被折叠?



