HTML

选择器的权重

-内联样式权重是:1000

-id选择器权重是:100

-类,属性,伪类选择器权重是:10

-元素选择器权重是:1

-通配符权重是:0

-继承的样式没有优先级

-!important权重最高

文本标签

<em>和<strong>

em标签用于表示一段内容中的着重点。

strong标签用于表示一个内容的重要性。

em显示为斜体,strong显示为粗体。

这两个标签可以单独使用,也可以一起使用。

<i>和<b>

i标签会使文字变成斜体。

b标签会使文字变成粗体。

和em 和strong类似,但这两个标签没有语义。

<small>

samll标签表示细则一类的旁注,通常包括免责声明,注意事项,法律限制,版权信息等。

<cite>

使用cite标签可以指明对某内容的引用或参考。例如戏剧,文章等的标题。

<blockquote>和<q>

blockquote和q表示标记引用的文本。

blockquote用于长引用,q用于短引用。

<sup>和<sub>

sup主要用于表示上标

sub主要用于表示下标

<ins>和<del>

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

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

<code>和<pre>


如果内容包含代码或文件名,就可以使用code元素。

per元素表示的是预格式化文本,可以使用pre保住code来表示一段代码。

有序列表

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

无序列表

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

定义列表

使用dl,dd,dt来创建一个定义列表。

文本格式化

单位

px

百分比

em

文字大小

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

字体(一)

通过font-size可以指定标签中文字使用的字体。

字体(二)

通过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属性可以将字母类型设置为小型大写。

字体属性的简写

- font:加粗 斜体 小型大写 大小/行高 字体

行间距

line-height用于设置行高,行高越大则行间距越大。

行间距 = line-height - font-size

大写化

text-transfrom样式用于将元素中的字母全都变成大写。

大写:text-transfrom:uppercase

小写:text-transfrom:lowercase

首字母大写:text-transfrom:capitalize

正常:text-transfrom:none

文本的修饰

text-decoration属性,用来给文本添加各种修饰,通过它可以为文本的上方,下方,或者中间添加条线。

可选值:

underline

overline

line-through

none

字母间距和单词间距

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

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

对齐文本

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

可选值:

left:左对齐

right:右对齐

justify:两边对齐

center:居中对齐

首行缩进

text-indent用来设置首行缩进。

需要一个指定长度,并且只对第一行生效。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 选择器的优先级 1.优先级的规则 !important 获取一个最高优先级(慎用) ①内联样式 1000...
    陈_066c阅读 2,635评论 0 0
  • ①选择器的优先级 当使用不同选择器设置样式冲突时,以选择器优先级为准: !impotant,最...
    三腿M阅读 1,400评论 0 0
  • Javascript使用 [if !supportLists]一、 [endif]JS的三种使用方式 [if !s...
    1fa38a6a3bcf阅读 3,372评论 0 0
  • 选择器的优先级: 内联样式:1000 id选择器:100 类和伪类:10 元素选择器:1 通配选择器:...
    多喝烫水_阅读 1,571评论 0 0
  • 最近付费购买了Travis CI,Travis CI的收费模式很有意思,不是按项目或者用户,而是按工作进程收费,比...
    AlloVince阅读 4,801评论 0 4

友情链接更多精彩内容