Htnl+Css笔记续
一般情况下， 90%的情况下增加padding就需要在高度和宽度当中减去相应的尺寸； 而增加margin的时候一般不需要； 本质上来讲，因为padding本身就是宽度和高度的一部分提出来；从这个角度上来说你增加padding就等于增加宽高尺寸；
ie中的兼容问题-------- img标签； img标签在ie浏览器中默认会有一个边框border，一般我们制作网页中是不需要这个边框的；
解决办法------在写网页的准备工作的第一步，除了清空内外边距多加一个border：0；
能不用绝对定位和相对定位解决的事情，就不要用定位；
1.能用标准流解决就尽量用标准流解决；
2.标准流不能解决就用浮动；
3.前两者如果都不能解决在选择定位方式；
在制作网页的时候，一定要先处理分区；再处理分区内的细节；处理分区的时候称之为给网页布局和给网页排版；------经验；有的分区如果是相同类型的，那么我们可以用ul>li去扮演这个分区的角色
在我们实际做网站的过程当中，经常会遇见图文混排的效果；
这种效果我们一般是用 dl>dt+dd; 自定义列表去做的；
其中一定要注意的是：只有图跟文字水平排列的时候才真正符合这个结构；如果是竖直排列的用标准流随意做就行；
img标签在ie的浏览器里面；默认会在图片的底部出现一个间距；这个bug是100%会出现的bug
解决的方法 ，1.在css中选中img标签，将它的显示模式变成 block；
ctrl+【 选中当前标签；
ctrl+shift+j； 折叠当前标签；
在使用dl结构进行左右分区布局的时候有一个事情需要注意； 尽量要把这3个标签都实体化出来；
滑动门技术；
作用：主要是处理网页中所出现的圆角图片效果的；它可以制作出具有自适应宽度的圆角矩形；最大优点是这种巨型可以根据内容的长短变化 圆角不发生错位；
fw当中切片化所选 shift+alt+u；
首先大多数的css属性都是不能继承的，只有一少部分能继承，经验：绝大多数控制文字的css属性是可以继承；
我们调错绝对不看代码，看firebug；
写正规网站的要求
1.一般来讲body下的直接分区标签div是都需要给id的；不能给类；
2.在网页设计师做网站的时候一般body这个标签是都会运用上的；（不会让它闲着）
3.所有的作为版心的分区，都一定要设置margin:0 auto;
浮动是一个很严格的左右对齐方式； 它不受标准流的所有限制；不受文字对齐方式限制，不受空格文本限制，也不受换行限制；
权重当重量相同时候，以后写的样式条为准；
ie6中著名bug 双倍边距；
ie6双倍边距出现的前提；
1.浮动；
2.块元素；
3.有外边距；
只要这三者全部满足了，在ie6中就会出现双倍边距的bug；
解决方案------ css中选中浮动的对象 _display:inline; 转化为行内元素以后一定要在前面加一个下划线，目的是只针对ie6，也就是说这个设置只会在ie6中生效；
总结出一个知识点； 在所有的css属性前面呢都可以加一个下划线符号； 这个符号主要表示用它来设置的属性只在ie6中生效；
所以说这个符号经常用来做浏览器hack；就是针对不同的浏览器做不同的设置；
一套完整的网站，必然会包括的3种类型的页面；
1.首页；
2.列表页，列表页就是指通过导航nav直接连接过去的页面； 又称之为二级页面；
3.详情页，在网页中任何的内容部分的超链接连接跳转的页面称之为详情页； -----三级页面；
（我们做个人作品或者个人网站，一套站页面很多，但是我们必须要具有这最基本的三种页面；）一个站肯定是有版心的，然后背景图实际上是不存在的，宽屏网站的修饰图，实际上就是给body设置的一个背景图而已；
宽屏网站背景图的规范：
背景图的尺寸最大-------2000px足够；
首页的单词：index，制作网站的时候首页是必须用这个单词的；
ie6中的一个特性；如果子级元素的尺寸超过了父级元素；那么父级的尺寸会被强制撑开，其他所有浏览器都没有这个毛病；
解决方法中最常用的就是 溢出隐藏；我们分一下哪些标签是块级的，哪些是行内的；
单独记行内的标签即可； span，a；b，u，i，strong，img，input；
outline: none; 可以控制具有焦点的元素的外边线；
浮动的规律；
如果在一个分区内有一个对象浮动了，一般是不太可能是唯一的一个元素的；也就是说在一个分区里面的标签要么全都浮动定位，要么就全都不浮动；