H5前端开发学习笔记

H5前端开发学习笔记——0x11CSS显示模式

2018-07-09  本文已影响0人  夜莺之刃

CSS显示模式

div和span标签

什么是div

一般用于配合CSS完成网页的基本布局

什么是span

一般用于配合CSS修改网页中的局部信息

两者的区别

容器级的标签和文本级的标签

注意点

那些标签是文本级的、哪些标签是容器级的没必要记忆,企业开发中,嵌套都是嵌套在div中的,或者嵌套在组标签中

CSS元素显示模式

在HTML中,所有标签都分为容器级和文本级,在css也分两类,分为块级元素和行内元素

块级元素和行内元素特点

块级标签会独占一行,行内元素不会

块级元素与行内元素的区别

  1. 块级元素
    • 独占一行
    • 若没有设置宽度,默认和父元素一样宽
    • 若设置宽高,就按照设置显示
  2. 行内元素
    • 不独占一行
    • 若没有设置宽度,默认和内容一样宽
    • 行内元素是不可以设置宽度和高度的
  3. 行内块级元素
    • 为了能够让元素既能够不独占一行,又可以设置宽高,才有了这个概念

CSS元素显示模式转换

如何转换

设置元素的display属性

取值

快捷键

di————display: inline;

db————display: block;

dib————display: inline-block;

上一篇 下一篇

猜你喜欢

热点阅读