关于css3的50道常见面试题(转)
原文链接：https://blog.csdn.net/caseywei/article/details/81105509 1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding ...
原文：（转） 50个CSS技巧
这里我工作中收集了 个很不错的CSS技巧，你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容，希望你会喜欢它。下面是我收集的CSS技巧，希望能帮助到你，感觉收藏吧。 . 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷 . 使用:not 在菜单上应用 取消应用边框 先给每一个菜单项添加边框 然后再除去最后一个元素 可以直接使用 :not 伪类来应 ...
2018-03-28 09:02 1 3001 推荐指数：
相关推荐
css width: 50% 不会并排显示
1、例：宽度我设置的是25%，按理来说，应该是4个排列的，实际上如下图： 2、因为：是由于 HTML 的标签之间，存在着间距，当显示页面时，浏览器会移除源代码中多余的空格和空行，所有连续的 ...
很实用的50个CSS代码片段
原文：50 Useful CSS Snippets Every Designer Should Have 面对每年如此多的 新趋势 ,保持行业的率先是个非常困难问题. 站点设计者和前端project师都已经全面的使用 CSS ...
CSS技巧（二）：CSS hack
什么是CSS hack CSS hack由于不同的浏览器，比如IE6,IE7,Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到 ...
css – 为什么“左：50％,transform：translateX(-50％)”水平居中的元素？
最近了解flex布局，关于居中对齐的，根据之前的居中对齐有：margin: 0 auto 现在介绍另一种方法： 这个更简单的方法来水平对齐绝对定位的元素： 因为CSS left属性基于父元素的大小。 transform属性 ...
CSS编码技巧
前面的话 本文将从DRY、currentColor、inherit和合理使用简写这几方面来详细介绍CSS编码技巧 DRY DRY，即don`t repeat yourself，尽量减少代码重复 在软件开发中，保持代码的DRY和可维护性是最大的挑战之一，而这句话对CSS也是 ...
CSS技巧（一）：清除浮动
什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象 ...
1.css布局技巧
1. css 垂直居中 inline元素 height和line-height一致 block元素 绝对定位（当已知子元素的宽高） 利用父元素相对定位，子元素绝对定位，并且处置、水平方向个偏移50 ...