讲课005

CSS

浮动【让块元素横向排列】                【好玩，多了往下排，太大会卡位，不让别的过】

横向排列：float：left；【左边横向排列】                         float：right；【右边横向排列】

float:none; 【默认值，不浮动】

浮动元素和不浮动的元素不是一个空间，浮动搞单搞bfc空间，不浮动的会接着之间不浮动的元素      【好秀】

搞法：（1）浮动外边+不浮动的框，让它进入不浮动空间

（2）clear:both;                        【清除左右浮动，在接着的不浮动上+】

快捷键 ： 东西*数值+tab 重复搞                            多行输一样值：ctrl+鼠标点形成杠，再输入

在浮动里面能加边框吗？

margin:0 auto;                【把一块居中，不知道为啥？】

浮动图片+不浮动文字          成包围现象

+！important                                        加权重，让等级最高

加前缀：好看，简洁，还能加权重。

去除列表的点：在表里【ul li{ }】写list-style: none;

默认浏览器文字大小：16px

电子相册

超出部分隐藏：overflow:hidden; 

溢出部分滚动可见：overflow:scroll; 

相对于上回那个3D相册，看懂了                {用a标签的锚链接好玩} 

a标签的锚链接：a里面的写成herf=#名称，div链接里添加id=名称

盒模型

margin:【数值】;                       每个框之间的边距（外边距）

padding：【数值】;                       内填充（内边距离框的值）

加边框：会撑大原有盒子大小

盒子空间：时间占用=设定宽+外边距+边框+内填充

margin:0 auto;                上下0，左右自适应，把一块居中了

margin 数值可取负值，padding不可取负值

padding跟边框一样可2.3.4数值取值

margin-top:+它问题来的多，直接用padding-top，更好玩。                【两框之间有间隔】

同一级层，margin上下都定义，会重合，以最大为依据。                margin上下都定义，会叠加

绝对定位：搞margin-top出现的问题用，                【总感觉没啥用，直接不搞margin-top就可】