盒子模型-笔记

=========================

    2017-3-1

=========================

网站

            项目

                       images

                       css

                                  base.css
          layout.css
           index.css

           

浮动

脱离文档流
宽度不够会掉下来
行内元素支持宽高
块元素会根据内容撑开宽高
文本环绕


***用到浮动必须清浮动


不要用inline-block，用浮动

定位

相对定位
根据自己定位
不会脱离文档流
绝对定位
脱离文档流
根据父级定位（父级没有定位，找父级的父级，一直找到body）
行内元素会变成块
块元素宽高会根据内容撑开

层级

后写的元素变先写的元素层级高
只对定位元素生效
最大值2的32次方
别用负值

嵌套规则

行内
i b strong em span a


只能嵌套行内元素（自己相同的标签除外）
a可以嵌套所有标签
块
div p ul li ol dl dt dd h1 - h6


可以嵌套所有标签
p只可以嵌套行内


XHTML规范 严格的HTML
img标签必须有alt
双标签必须有结束标签
单标签必须合理闭合<img />
标签名属性名必须小写
引号都是双引号
所有符号必须英文