![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
jsonya
这个作者很懒,什么都没留下…
展开
-
编写出色css代码的13个建议
编写出色css代码的13个建议—总结至《前端大全》公众号转载 2017-02-05 09:35:44 · 378 阅读 · 0 评论 -
关于盒模型-webkit-box流式布局
新的工作需要适配移动端,以往的float、block布局会非常麻烦且问题不断,所以尝试下-webkit-box布局。-webkit-box是css3新添加的盒子模型属性,有人称之为弹性盒模型,它的出现打破了我们经常使用的浮动布局,实现垂直等高、水平均分、按比例划分等分布方式以及如何处理可用的空间。使该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。但是它有一定的局限性,在原创 2017-01-23 17:23:35 · 1256 阅读 · 0 评论 -
实现整个网页变灰色调
记得去年的一次面试,面试官说道那我们来聊聊CSS吧,当时信心足得很心想:CSS能有什么好问的呀。哪想问的第一个问题就不知道。 当时他问:你知道怎么讲一个页面整个变为灰色吗,就纯用CSS。 第一时间我其实都还没太明白是什么意思,他跟我讲了一个实例:例如每到特殊的日子,2.12,南京大屠杀等,那种大的网站都会讲页面整个变为灰色。 这我才算是明白了,可惜我没有了解过,无法做到。 回到家后,立马动手原创 2017-02-14 12:00:34 · 2523 阅读 · 0 评论 -
查漏补缺
text-indent:-9999px; 一般用于隐藏文字,比如logo部分,因为SEO的需要,所以要有文字的存在,但是在显示的时候不能出现文字,只能用图像代替,所以就要使用text-indent:-9999px把它从界面上隐藏;pointer-events:none; 不需要使用js,也能对鼠标事件say goodbye;backface-visibility:hidden; 用于制作翻转动原创 2017-02-16 10:59:38 · 290 阅读 · 0 评论