十四、css定位与DIV布局-盒子模型

一、盒子模型

http://www.runoob.com/css/css-boxmodel.html
margin 外边距
padding 内边距
border 边框
content 内容

二、知识点补充

群组选择器

选择器继承 包含

p标签不能嵌套

上课代码

    
    
    



    

        

            
首页
            
产品介绍
            
关于我们
            
联系客服
        
        我是外面的a
    


    

        
我是h1
        
我是h1
        
我是h1
        
我是h1
        
我是h1
        
我是h1

        

            
aaaa
            
bbb
            
ccc
        
        
我是p我是p1我是2
    


    
我是p1
    
我是p2
我是p3


    

        我是>外面的
        
我是>div里面的a
    

    
This is a heading.
This is paragraph.
This is paragraph.
This is paragraph.
我是h1111
This is paragraph.
This is paragraph.

二、元素定位

定位相关属性
1.行级标签 块级标签详细说明
2.属性: display
3.属性: position

属性值说明：

属性值	说明
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	此元素不会被显示。行内块元素。（CSS2.1 新增的值）

属性说明图

display更多属性请看:http://www.runoob.com/cssref/pr-class-display.html

float

1.文档流说明
2.脱离文档流
3.清除浮动
overflow说明:
1.2.3.4.5.6.7.8

position

三、常用html css间的初使状态