发表于: 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文档的文本布局
要让一个中,谓一的办法就是使之成为浮动或者定位元素
评论