2019/11/18 点击:623
rgba()和 opacity 都能实现透明效果,但最大的不同是 opacity 作用于元素,以及元素内的所有内容的透明度, 而 rgba()只作用于元素的颜色或其背景色。(设置 rgba 透明的元素的子元素不会
2019/11/18 点击:621
垂直方向 :line-height 水平方向 :letter-spacing
2019/11/18 点击:508
px 和 em 都是长度单位 ,区别是,px 的值是固定的,指定是多少就是多少,计算比较容易。em 得值不是固定的,并且 em 会继承父级元素的字体大小。 浏览器的默认字体高都是 16px。所以
2019/11/18 点击:429
方法一 :绝对定位居中(原始版之已知元素的高宽) .content { width : 200 px ; height : 200 px ; background-color : #6699ff ; position : absolute ; /* 父元素需要相对定位 */ top : 50 % ; left : 50 % ; margin-top
2019/11/18 点击:486
什么是 BFC BFC(Block Formatting Context)格式化上下文,是 Web 页面中盒模型布局的 CSS 渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。 形成 BFC 的条件 浮动元素,float 除
2019/11/18 点击:530
span { 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 ;}
2019/11/18 点击:841
他们是 CSS 预处理器 。他是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。 例如 Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性,如变量,继承,运算, 函数.
2019/11/18 点击:486
display : 隐藏对应的元素但不挤占该元素原来的空间。 visibility : 隐藏对应的元素并且挤占该元素原来的空间。 即是,使用 CSS display:none 属性后,HTML 元素(对象)的宽度、高度等各种属
2019/11/18 点击:493
推荐解决方法: 媒体查询 + 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
2019/11/18 点击:375
可继承: font-size font-family color, ul li dl dd dt; 不可继承 :border padding margin width height ;