Css 样式
css样式
QQ帝国
积土成山,风雨兴焉;积水成渊,蛟龙生焉;积善成德,而神明自得,圣心备焉。故不积跬步,无以至千里;不积小流,无以成江海。骐骥一跃,不能十步;驽马十驾,功在不舍。锲而舍之,朽木不折;锲而不舍,金石可镂。蚓无爪牙之利,筋骨之强,上食埃土,下饮黄泉,用心一也。蟹六跪而二螯,非蛇鳝之穴无可寄托者,用心躁也。
展开
-
css知识点总结
https://blog.csdn.net/liujie19901217/article/details/513940461、实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果。<div style="height:1px;overflow:hidden;background:red"></div>2、居中一个浮动...原创 2018-09-24 20:54:46 · 205 阅读 · 0 评论 -
页面重构和前端性能优化
网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。对于传统的网站来说重构通常是:表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深层次的网站重构应该考虑的方面减...原创 2018-09-24 21:33:32 · 1333 阅读 · 0 评论 -
Flex 弹性布局
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。Webkit 内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}一、flex-direction属性决定主轴的方向(即项目的排列方向)。.box { f...原创 2018-09-26 10:03:57 · 244 阅读 · 1 评论 -
简单的瀑布流布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>瀑布流布局</title> </head> <style> .box { height:123px; padding:1em; margi...原创 2019-08-20 09:36:49 · 217 阅读 · 0 评论 -
css超出以省略号表示,可控制超出行数出现省略号
单行控制<div class="text"> 哈哈哈啊哈哈哈啊哈哈哈啊哈哈哈啊哈哈哈啊哈哈哈啊哈哈哈啊哈哈哈啊</div>.text{ width: 200px; background: red; color: white; overflow: hidden; text-overflow: el...原创 2019-09-02 10:50:10 · 153 阅读 · 0 评论