HTML和CSS前端教程03-CSS文本样式

目录

1.CSS颜色-建议就用十六进制

p{ color: #ff0000}

2.CSS长度的度量单位-建议就用px

p{ margin: 0; padding: 0; font-size: 20px; height: 50px;}

3.CSS文本样式

字体的大小,样式以及方位

3.1. 字体属性

属性名说明例子
font-size字体大小font-size: 50px
font-variant英文字体是否转为小型字母font-variant: small-caps
font-variant: normal
font-style字体倾斜font-style: italic
font-style: normal
font-weight字体加粗font-weight: bold
font-familyfont字体font-family: 微软雅黑
font字体样式复合写法font: italic bold small-caps 50px 楷体
@font-face设置Web字体

3.1. 文本样式

属性名说明参数
text-decorationz装饰文本出现各种划线underline:底部线条
overline:头部线
line-through:中间删除线
text-transform大写换成小写uppercase:转成大写
lowercase:转成小写
capitalize:首字母大写
text-shadow添加阴影5px(水平偏移),5px(垂直偏移),3px(模糊度),black(颜色)
text-align设置对齐方式center:居中
left
right
justify:两端对齐
white-space排版中的空白处理方式normal: 空白符压缩,文本自动换行
nowrap:空白符压缩,文本不换行
pre:空白符保留,遇到换行符换行
pre-line:空白符压缩,文本排满时换行
letter-spacing设置字母之间的间距letter-spacing: 4px
word-spacing设置单词之间的间距letter-spacing: 4px
line-height设置行高line-height: 200%
word-wrap控制段词,让国产的单词断开word-wrap:break-word
text-indent设置文本首行缩进

相关文章