CSS基本样式1

2017-11-09  本文已影响0人  梨啊梨

标题   h1...h6   small标签

还可以使用<small>标签,他比标题字体更小,颜色更淡


页面主体    lead类

中心段落只需要添加lead类,他增加了中心段落的下边距和字体尺寸,同时降低了字体的粗细和行高


排版元素

1. 强调内联元素

<strong>:文本的字体会变粗

<em>:字体变成斜体

<mark>:用于突出显示文本,(他有一个背景颜色)

<u>:文本有下划线

<del>:文本中间有一条线

2. 对齐类

让文本在他的父类块元素对齐方式,添加类名

3. 强调类 (添加类名)

改变css文本颜色

还可以设置元素背景颜色

bg-primary、bg-success、bg-info、bg-warning、bg-danger

4. 地址

根据规范地址类的信息应该用<address>标签,而不是<p>标签

5. 引用

使用<blockquote>配合small标签,就能达到效果,如果需要向右对齐,添加blockquote-reverse类

6. 缩略语

效果:文本底部有浅灰色点线,而且带title属性,鼠标放上去,会显示缩略语,还可以加个initialism类,他可以把字体缩小为父类的90%,而且小写变成大写

鼠标放上去,显示缩略语 改变字体大小,并且小写变大写

7. 列表

首先看基本的有序和无序列表

效果图

给列表添加list-unstyled类,则他们失去任何样式,如下

8. 按钮

添加了一些情景色,修改按钮的样式

9. 图像

上一篇 下一篇

猜你喜欢

热点阅读