字体
通过font-family:
可以指定标签中文字使用 的字体。
可以同时指定多个字体。
字体分类
serif(衬线字体)
sans-serif(非衬线字体)
monospace (等宽字体)
cursive (草书字体)
fantasy (虚幻字体)
斜体和粗体
font-style用来指定文本的斜体。
指定斜体:font-style:italic
指定非斜体:font-style:normal
font-weight用来指定文本的粗体。
指定粗体:font-weight:bold
指定非粗体:font-weight:normal
小型大写字母
font-variant属性可以将字母类型设置为小 型大写
行间距
line-height用于设置行高,行高越大则行 间距越大
大写化
text-transform样式用于将元素中的字母全都变成大写。
大写:text-transform:uppercase
小写:text-tansform:lowercase
首字母大写:text-transform:capitalize
正常:text-transform:none
文本修饰
text-decoration属性,用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条
underline
overline
line-through
none
letter-spacing用来设置字符之间的间距。
word-spacing用来设置单词之间的间距。
对齐文本
text-align用于设置文本的对齐方式。
可选值:
left:左对齐
right:右对齐
justify:两边对齐
center:居中对齐
首行缩进:text-indent用来设置首行缩进
盒子模型
内容区(content)
内边距(padding)
边框(border)
外边距(margin)
内容区
内容区指的是盒子中放置内容的区域,也就是元素 中的文本内容,子元素都是存在于内容区中的
内边距
内边距指的就是元素内容区与边框以内的空间。
padding-top、padding-right、padding-right、padding-bottom分别用来指定四个方向的内边距。
边框
可以在元素周围创建边框,边框是元素可见框的最外部
使用border属性来设置盒子的边框
border-top/left/right/bottom分别指定上右下左 四个方向的边框。
边框的样式
none(没有边框)
dotted(点线)
dashed(虚线)
solid(实线)
double(双线)
groove(槽线)
ridge(脊线)
inset(凹边)
outset(凸边
网友评论