美文网首页
CSS基本样式1

CSS基本样式1

作者: 梨啊梨 | 来源:发表于2017-11-09 10:41 被阅读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. 图像

相关文章

  • css基本样式

    1.CSS基本样式 CSS样式的继承

  • day03

    A今天学到了什么 1.css基本样式 1.css背景 2.css 文本 3.css 字体 4.css 列表样式...

  • HTML 5_CSS 3_JavaScript讲义(五)-级联样

    (1).CSS样式单基本使用 1.引入外部样式文件: 2.导入外部样式单: @import "outer.css"...

  • day03

    A今天学了什么? 1.CSS基本样式讲解 1.1css背景样式 1.2CSS文本 1.3CSS字体 1.4.css...

  • day03

    A我今天学到了什么 CSS的基本样式 CSS的基本样式

  • CSS基本样式1

    标题 h1...h6 small标签 还可以使用标签,他比标题字体更小,颜色更淡 页面主体 lea...

  • day03 css基本样式 + 表格table + 轮廓 + 透

    1.css基本样式 1.1 css背景 1.2 css文本 1.3 css字体 1.4 css链接 1.5 css...

  • CSS样式规范

    1.样式文件命名 公用样式文件命名基本公用样式:base.css布局,版面:layout.css表单:form.c...

  • css样式表基础

    1,css基本概念 css(cascading style sheet)即层叠样式表,简称样式表,要理解样式表的概...

  • day03

    A今日所学 一、CSS基本样式 二、CSS继承 B今日已掌握 一、CSS基本样式 二、CSS继承 C今日未掌握

网友评论

      本文标题:CSS基本样式1

      本文链接:https://www.haomeiwen.com/subject/chfpmxtx.html