Common Css [记录]

最新推荐文章于 2023-10-17 10:51:25 发布

weixin_30411819

最新推荐文章于 2023-10-17 10:51:25 发布

阅读量40

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/caiCheryl/p/6117076.html

本文介绍了一些CSS样式的实用技巧，包括清除浮动、文本溢出处理、元素重置等，并提供了具体的代码实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

clearFix

　　.cf:after{ content: ''; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden;}

　　.cf{zoom: 1;}

一行文字...

　　.ellip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

重置

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,th,td{margin:0;padding:0}
        ul,ol,li{list-style: none;}
        fieldset,img{border:0}img{display:block}ol,ul{list-style:none}
        em{font-style:normal}
        input,button,select,textarea{outline:none}
        textarea{resize:none}
        i,s{font-style:normal;text-decoration:none}
        .clearfix:before,.clearfix:after{display:table;content:""}
        .clearfix:after{clear:both}
        .clearfix{zoom:1}
        img{width:auto\9}
        video embed,video object,video iframe{width:100%;height:auto}

        html{font-size: 14px;}
        body{background: #fff;font-size: 14px;}