/*** 在标准浏览器下使用* 1 content内容为空格用于修复opera下文档中出现*contenteditable属性时在清理浮动元素上下的空白* 2 使用display使用table而不是block:可以防止容器和*子元素top-margin折叠,这样能使清理效果与BFC,IE6/7*zoom: 1;一致**/.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}.clearfix:after {clear: both;}/*** IE 6/7下使用* 通过触发hasLayout实现包含浮动**/.clearfix {*zoom: 1;}
8、PNG,GIF,JPG 的区别及如何选参考答案
GIF:
- 8 位像素,256 色
- 无损压缩
- 支持简单动画
- 支持 boolean 透明
- 适合简单动画
- 颜色限于 256
- 有损压缩
- 可控制压缩质量
- 不支持透明
- 适合照片
- 有 PNG8 和 truecolor PNG
- PNG8 类似 GIF 颜色上限为 256,文件小,支持 alpha 透明度,无动画
- 适合图标、背景、按钮
参考答案
- 如果display为 none,那么 position 和 float 都不起作用,这种情况下元素不产生框
- 否则,如果 position 值为 absolute 或者 fixed,框就是绝对定位的,float 的计算值为 none,display 根据下面的表格进行调整 。
- 否则,如果 float 不是 none,框是浮动的,display 根据下表进行调整
- 否则,如果元素是根元素,display 根据下表进行调整
- 其他情况下 display 的值为指定值 总结起来:绝对定位、浮动、根元素都需要调整display
参考答案
- 如果需要居中的元素为常规流中 inline 元素,为父元素设置text-align: center;即可实现
- 如果需要居中的元素为常规流中 block 元素,1)为元素设置宽度,2)设置左右 margin 为 auto 。3)IE6 下需在父元素上设置text-align: center;,再给子元素恢复需要的值
- <body>
<div class="content">aaaaaa aaaaaa a a a a a a a a</div></body><style>body {background:
推荐阅读
- 黑茶天尖是什么茶?
- AMD|AMD Zen4锐龙“龙凤胎”来了:55W功耗、游戏本终于满血
- 三星|旗舰机要换代了!UFS 4.0闪存正式发布:读取可达4200MB/s、速度翻番
- 想摸鱼吗?先掌握这 19 个 css 技巧
- 靠着5个自媒体,新手小白如何赚取第一桶金?
- mysql误删除恢复
- Window查看和杀掉进程
- C++可变参模板
- 路虎|路虎极光“GTA”式越野 一飞冲天!结果惨了:减震、悬架全报废
- 私处面相看你能否聚财