Bootstrap

CSS3学习——文字基本语法

    对于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
3、文字效果属性
文字效果属性
属性属性名称设置值
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 阴影颜色


;