HTML基础之CSS 构造模型

1) 添加 div：

给 div 添加一个 id：

1) 添加子 div：

1) div 和上下文选择器

边距1) 外边距(margin)外边距声明:

用 margin:auto 居中：

1) 内边距(padding)

1) 外边距, 内边距和主体

边框Border-style (边框样式)None(无边框),dotted( 点线),dashed(虚线),Solid(实现),double( 双线),groove(凹槽),ridge(凸槽),Inset(凹边),outset( 凸边)/*上 右 下 左*/Border-style: solid dotted inset outset;Border-width(长度)Border-top-widthBorder-right-widthBorder-bottom-widthBorer-lef t-widthBorder-colorBorderBorder-topBorder-rightBorder-bottomBorder-lef tBorder( 四周)Border-top( 上)…

定位p,h1 和 div 等成为块级元素 . 意思是这些元素显示为一块内容 , 即” 块框” . 与之相反,strong 和 span 等元素称为行内元素, 即”行内框” . 更多内容, 后章在述.

- 相对定位#myBox {        position: relative;       top: 20px;       left: 20px;}

2).绝对定位#myBox {      position:absolute;      top: 20px;      left: 20px;}

浮动