前端(列表、文本、字体)

2018-10-18  本文已影响0人  _Clown_

em 标签用于表示着重点

strong 标签用于表示重要性

i标签 斜体

b标签 粗体

small标签 小的注释

cite标签 给电影,照片等加上《》

blockquote 用于长引用

q 用于短引用

sup 用于定义上标

sub 用于定义下标

ins 表示插入的内容,显示时通常会加上下 划线。

del 表示删除的内容,显示时通常会加上删 除线。

code 用于包含代码示例或文件名

pre元素表示的是预格式化文本 一起使用 code

ol和li来创建一个有序列表

ul和li来创建一个无序列表

dl:来创建一个定义列表,它有两个子标签

子标签dt:被定义的内容

子标签dd:对定义内容的描述

font-size 用来指定文字的大小

font-family可以指定标签中文字使用的字体(可多个字体Arial , Helvetica , sans-serif)

serif(衬线字体)

sans-serif(非衬线字体)

monospace (等宽字体)

cursive (草书字体)

fantasy (虚幻字体

font-style� 用来指定文本的斜体。

指定斜体:font-style:italic

指定非斜体:font-style:normal

font-weight 用来指定文本的粗体。

指定粗体:font-weight:bold

指定非粗体:font-weight:normal

font-variant 小型大写字母

font:(可一次性设置多个)加粗 斜体 小型大写 大小/行高 字体

line-height用于设置行高

text-transform 字母全都变成大写。

大写:text-transform:uppercase

小写:text-tansform:lowercase

首字母大写:text-transform:capitalize

正常:text-transform:none

text-decoration 用于添加上下中划线

上 underline

下 overline

中 line-through

text-indent 用来设置首行缩进 text-decoration none 去除超链接下划线

letter-spacing 用来设置字符之间的间距。

word-spacing 用来设置单词之间的间距

text-align 用于设置文本的对齐方式

left:左对齐

right:右对齐

justify:两边对齐

center:居中对齐

font-size:<length>|<percentage>
image.png image.png
font-family:[<family-name>|<generic-family>]#
<generic-family> = self|sans-seif
image.png
font-family:normal|bold
font-style:normal|italic
line-height:100px|200%

设置百分比时 不继承 与设置字体无关

设置大小时 继承 与设置字体无关 16*3 = 48px

image.png
image.png
上一篇下一篇

猜你喜欢

热点阅读