字体样式及文本样式
<span>标签
<span>标签是HTML5的行内标签,被用来组合文档中的行内元素。其没有固定的表现格式,常用于突显段落中的某几个文字或词语,当对它应用样式时,它会产生视觉上的变化。
其语法结构如下:
<span>内容</span>
字体样式
为了更方便地控制网页中各种各样的字体,CSS提供了一系列字体样式属性。
样式 | 含义 |
---|---|
font-family | 设置字体类型 |
font-size | 设置字体大小 |
font-style | 设置字体风格 |
font-weight | 设置字体的粗细 |
font | 用于对字体样式进行综合设置 |
文本样式
样式 | 含义 |
---|---|
color | 设置文本颜色 |
text-align | 设置文本内容的水平对齐方式,对齐方式有多种:left:默认值,左对齐 / right:右对齐 / center:居中对齐 / justify:两端对齐 |
text-indent | 设置首行文本的缩进 |
line-height | 设置文本的行高 |
text-decoration | 设置文本的上下画线,删除线等装饰效果,none:默认值,没有装饰 / under:下划线 / overline:上划线 \ line-through:删除线 |
vertical-align | 设置文本内容的垂直对齐方式 |
text-shadow | 设置文本阴影效果 |
超链接伪类
列表样式
列表名称 | 含义 |
---|---|
list-style-type | 设置列表项的类型 |
list-style-image | 使用图片替换列表项的标记 |
list-style-position | 设置在何处放置列表项的标记 |
list-style | 设置所有的列表属性 |
<div>标签
<div>标签标签是指用来为HTML5文件内大块的内容提供结构和背景的标签,与<p>标签一样,是一个块级元素,标签也是成对出现。
其语法结构如下:
<div>内容</div>