对于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 阴影颜色 |