发表于: 2018-12-06 23:57:32

1 582


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

块级元素

段落,标题或者div元素,这些元素在正常流中,会在其框之前和之后生成“换行”,所以处在正常流中的块级元素会垂直拜访,通过display:block可以让元素生成块级框

行内元素

指strong和span之类的元素,这些元素不会在之前或者之后生成行分隔符


水平格式化:

水平属性:margin-left,border-left,padding-left

width,margin-right,border-right,padding-right

7个属性中只有3个属性可以被设置为auto;

width,margin-left,right

使用auto,

常见例子:margin-left=right=100px,width:auto;

将两个外边距设置为auto可以将元素居中(方法一)

和text-align不同,text-algin只用于块级元素的内联内容,所以将元素的text-align设置为center并不能将这个元素居中。

margin可以支持负值,这样会使子元素比父元素还宽

元素的7项水平属性的总和,不能比其包含的块更宽

 

垂直格式化

一个元素的默认高度由其内容决定的。高度还会受到内容宽度的影响。

垂直属性7个和水平属性同理。

可以设置auto和水平同类

如果一个元素的上下外边距都是auto,那么实际上他们的上下外边距都是0.

垂直外边距会合并。

margin-top和botton取大的。

外边距可以为


正常流:

从左向右,从上向下显示是html文档的文本布局

要让一个中,谓一的办法就是使之成为浮动或者定位元素




返回列表 返回列表
评论

    分享到