有时我都不敢相信自己是一个python程序员，以python工程师的名义进了公司之后，除了django和一些并不复杂的脚本以外，其余时间写了大量的css和jquery，现在回头看之前的一些代码，写得十分丑陋又低效，其中的css就有很大改进空间。
正如多数人的认知一样，html和css并不难学难用，从学习曲线上来说确实如此，难度甚至不如使用vim。但是写不写得好又是另一回事，好的css代码能用最少的代码量实现功能，易修改且性能佳。易修改，举个最简单的例子，比如要求修改一个div的高宽且保持其子div自适应高宽，若是写死了子div的高宽，修改工作很麻烦，所以最好是将子div在需求下尽可能写成自适应，这样修改时就只需要修改父div的高宽即可。性能佳，能用css实现的绝对不用js实现，不管是网页布局还是动画效果，原生的css都是快速又具备高度兼容性的选择。
清除浮动是个常见问题，不少人的解决办法是添加一个空的 div 应用 clear:both。事实上仅需要使用after伪类即可在元素尾部自动清除浮动
.clear-fix { overflow: hidden; zoom: 1; }.clear-fix:after { display: table; content: ""; width: 0; clear: both; }最容易想到的是将一行div全设置为display:inline-block，但这种做法会使得两个div之间存在“间隔”，这个“间隔”的大小通常由font-size决定。清除间隔可以通过使用注释的方法实现。
<div class="item"></div><!----><div class="item"></div>
更好的方式自然还是使用float
.item {float: left}
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1000
