CSS技巧

时间：2023-03-30 19:03:51 CSS

1.兼容所有浏览器显示半透明效果

.transparent{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-不透明度：0.5；-khtml-不透明度：0.5；不透明度：.5；宽度：200px；高度：200px；保证金：0自动；背景：url("../img/pic.jpg");height解决了浮动div不闭合的问题，可以去掉_height属性来达到效果。

向左浮动

向右浮动

#wrap{border:6pxsolid#ccc;溢出：自动；_height:1%;}.column_left{宽度:20%;填充：10px；浮动：左；}.column_right{浮动：右；75%；填充：10px；border-left:6pxsolid#ccc;}3.使用min-heightmin-width解决div或span的固定高度问题。有时候我们需要给一个元素设置一个固定的高度，但是在firefox或者opera下只能设置高度。当内容不够时，达不到预期的效果。这时候我们可以使用min-height4，使用media命令引入两种css：打印版c屏幕上显示的ss和css5。使用.fixTable{table-layout:fixed;溢出：隐藏；}加nobr标签隐藏6.打印时可以使用page-break-after,page-break-before控制分页7.*html{}的作用是兼容IE6.0以下版本。对于html节点的选择，其他浏览器认为html标签是文档的根节点。但是ie6以下的ie版本认为html标签上面有根节点。8.使用text-indent显示图片，隐藏texth1{background:url(../img/pic.jpg)no-repeat;宽度：200px；高度：200px；文本缩进：-2000px}

上一篇：前端面试每天3+1（每周总结2019.09.08）

下一篇：前端实例练习-可搜索列表

CSS技巧相关文章