09项目实战9.20-9.26css第二天

1、;)99 实战第二天笔记1.1 Ps 中清除切片视图-清除切片，可以清除当前页面中的所有切片；1.2 三角的写法将盒子的宽高都设置为 0；设置边框的样式颜色：需要出现的地方添加相应的颜色，不希望出现的地方，加入 transparent设置边框的类型，需要出现的地方，添加 solid 属性，不希望出现的地方，加入 dashed 属性；添加想要的边框粗细；html xmlns=meta http-equiv=Content-Type content=text/html; charset=utf-8无标题文档 div width:0; height:0;/*border-color:red whit

2、e white white;*/border-color:red transparent transparent transparent; border-style:solid dashed dashed dashed;border-width:10px; /* 边框的实际宽度是 20 */三角的宽度 =边框* 2；解决 IE6 兼容： overflow：hidden；1.3 解决ie6 中 定位错乱产生的原因：通常定位的时候，如果父盒子是被撑开的，给子盒子加绝对定位，会出现错乱；解决的方法：给父盒子 宽高；1.4 盒子自动撑开如果说让一个盒子自动撑开，需要加 overflow：hidden；

3、常用于盒子中有浮动的盒子，如果盒子出现浮动，就脱离了标准流，而需要将他回来标准流，就是在父盒子中加入 overflow：hidden；前提：不给高度html xmlns=无标题文档.box width:500px; overflow:hidden;background:purple; padding-bottom:20px;.box div width:200px; height:200px;floeft;background:pink; border:1px solid blue;1.5 块状元素和行内块元素居中块状元素居中行内块元素居中在当前盒子中加入在父盒子中加入margin:0 aut

4、o;text-align:center;html xmlns=meta http-equiv=Content-Type content=text/html; charset=utf-8无标题文档.box1,.box2 width:500px; height:300px; margin-bottom:20px; background:pink;.box1 div width:200px; height:100px; background:yellow; margin:0 auto;.box2/background:purple; text-align:center;.box2 div display:inline-bl