-
移动端 1px 问题的解决办法
日期：2019-11-18 21:42:49 点击：476 好评：0推荐解决方法： 媒体查询 + transfrom /* 2倍屏 */@media only screen and (-webkit-min-device-pixel-ratio: 2.0) { .border-bottom::after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }}/* 3倍屏 */@media only screen and...
-
display:none 与 visibility:hidden 的区别是什么？
日期：2019-11-18 21:42:06 点击：468 好评：0display : 隐藏对应的元素但不挤占该元素原来的空间。 visibility : 隐藏对应的元素并且挤占该元素原来的空间。 即是，使用 CSS display:none 属性后，HTML 元素（对象）的宽度、高度等各种属...
-
Sass、LESS 是什么？大家为什么要使用他们？
日期：2019-11-18 21:39:55 点击：828 好评：0他们是 CSS 预处理器 。他是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。 例如 Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性，如变量，继承，运算， 函数....
-
用纯 CSS 创建一个三角形的原理是什么？
日期：2019-11-18 21:38:16 点击：518 好评：0span { width : 0 ; height : 0 ; border-top : 40 px solid transparent ; border-left : 40 px solid transparent ; border-right : 40 px solid transparent ; border-bottom : 40 px solid #ff0000 ;}...
-
BFC
日期：2019-11-18 21:32:08 点击：472 好评：0什么是 BFC BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 形成 BFC 的条件 浮动元素，float 除...
-
如何垂直居中一个元素？
日期：2019-11-18 21:26:03 点击：405 好评：0方法一 ：绝对定位居中（原始版之已知元素的高宽） .content { width : 200 px ; height : 200 px ; background-color : #6699ff ; position : absolute ; /* 父元素需要相对定位 */ top : 50 % ; left : 50 % ; margin-top...
-
px 和 em 的区别
日期：2019-11-18 21:25:12 点击：488 好评：0px 和 em 都是长度单位 ，区别是，px 的值是固定的，指定是多少就是多少，计算比较容易。em 得值不是固定的，并且 em 会继承父级元素的字体大小。 浏览器的默认字体高都是 16px。所以...
-
css 中可以让文字在垂直和水平方向上重叠的两个
日期：2019-11-18 21:24:03 点击：601 好评：0垂直方向 ：line-height 水平方向 ：letter-spacing...
-
rgba()和 opacity 的透明效果有什么不同？
日期：2019-11-18 21:23:07 点击：591 好评：0rgba()和 opacity 都能实现透明效果，但最大的不同是 opacity 作用于元素，以及元素内的所有内容的透明度， 而 rgba()只作用于元素的颜色或其背景色。（设置 rgba 透明的元素的子元素不会...
-
什么是外边距重叠？重叠的结果是什么？
日期：2019-11-18 21:20:31 点击：530 好评：2外边距重叠就是 margin-collapse。 在 CSS 当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而...