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

字数 560阅读 126

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

推荐阅读更多精彩内容

  • 浣溪沙-薄衾小枕凉天气 薄衾小枕凉天气,茫茫碧落湿幽窗,两处鸳鸯各自伤。 已是深秋兼独夜,且把相思就月光,授衣时节...
  • 为想一句诗 牺牲了一夜又一夜的睡眠 为爱一个人 装扮了一季又一季的秋天 为了一段梦 默背了一遍又一遍的的誓言 嘴上...
  • 摘要:如果你自己是老板,会愿意为像你一样的员工付五万月薪么? 作者 | 芳心插图 | 李延,伊文兔、夏萌猫创始人 ...
  • 秋色迷人 秋天是一位非常出色的调色师!他用自己的调色盘,给许多的植物都换上了新衣,他...