CSS基础知识

玖,彰显与潜伏

九,显示与潜伏

u  display属性:

u  display属性:

(1)none:隐藏成分,不会再占有页面的别的空间,即不会潜移默化布局。

(1)none:隐藏成分,不会再占有页面的其他空间,即不会潜移默化布局。

澳门葡京官方网站 1

澳门葡京官方网站 2

(2)inline:默认值。将元素[显示]为内联成分     (与HTML成分本人非亲非故系)

(2)inline:默认值。将元素[显示]为内联元素     (与HTML成分自身毫不相关系)

(3)block:将元素[显示]为块极成分              (与HTML成分自身无关系)

(3)block:将元素[显示]为块极成分              (与HTML成分自身无关系)

(4)inline-block:将元素展现为行内块级成分

(4)inline-block:将元素突显为行内块级元素


设置宽度和中度有效(符合块级成分);可以水平排列即不会把持一行(符合内联成分)


设置宽度和惊人有效(符合块级成分);可以水平排列即不会把持一行(符合内联成分)

 澳门葡京官方网站 3

 澳门葡京官方网站 4

u  visibility属性:

u  visibility属性:

(1)visible:默认值

澳门葡京官方网站,(1)visible:默认值

(2)hidden:隐藏元素,占有页面的空中地点

(2)hidden:隐藏成分,占有页面的长空地点

 澳门葡京官方网站 5

 澳门葡京官方网站 6

拾,内容溢出(overflow)

十,内容溢出(overflow)

情节溢出:当文本内容过多时,恐怕来得会压倒当前成分的区域

情节溢出:当文本内容过多时,大概来得会超越当前成分的区域

解决 —overflow属性:

解决 —overflow属性:

(1) visible 暗许值,表示不处理

(1) visible 暗许值,表示不处理

(2) hidden 将溢出有些的始末展开隐蔽,溢出的文本内容不能查看

(2) hidden 将溢出有个别的内容举行隐蔽,溢出的公文内容无法查看

(3) scroll 将溢出一部分的故事情节隐藏,提供了滚动条,且滚动条效果从来都显示

(3) scroll 将溢出有个别的始末隐藏,提供了滚动条,且滚动条效果一贯都展示

(4) auto (最好方法) 自动:
当内容溢出时,提供滚动条;当内容并未溢出时,不提供滚动条

(4) auto (最好措施) 自动:
当内容溢出时,提供滚动条;当内容并未溢出时,不提供滚动条

11、文档流

11、文档流

概念:垂直方向从上到下的顺序排列(分成一行一行),水平方向从左到右的顺序排列

概念:垂直方向从上到下的顺序排列(分成一行一行),水平方向从左到右的顺序排列

【专擅认同情状下,排列的次第无法更改】

【私自认同情状下,排列的相继无法改变】

u 块级元素(逐个成分独占一行):

u 块级成分(每种成分独占一行):

在文档流中自上向下排列(垂直方向排列);

在文档流中自上向下排列(垂直方向排列);

在文档流中暗中同意的宽窄是父成分百分之百;且暗中同意的低度是拥有子成分的中度总和

在文档流中暗中同意的增幅是父成分百分之百;且暗许的可观是富有子成分的冲天总和

u 内联元素(每一个成分不会占据一行):

u 内联元素(各种成分不会占据一行):

在文档流中自左向右水平排列(水平方向排列);

在文档流中自左向右水平排列(水平方向排列);

宽度和可观都由内容规定

大幅度和高度都由内容规定

注: 假诺在一行中无法兼容全体的因素,则会换成下一行,继续自左向右排列。

注: 假使在一行中不可能兼容全部的成分,则会换成下一行,继续自左向右排列。

【成分离开文档流而存在,分别是 浮动、相对定位、固定定位】

【成分离开文档流而存在,分别是 浮动、相对定位、固定定位】

相关文章