2019/11/18 点击:439
方法一 :绝对定位居中(原始版之已知元素的高宽) .content { width : 200 px ; height : 200 px ; background-color : #6699ff ; position : absolute ; /* 父元素需要相对定位 */ top : 50 % ; left : 50 % ; margin-top
2019/11/18 点击:504
什么是 BFC BFC(Block Formatting Context)格式化上下文,是 Web 页面中盒模型布局的 CSS 渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。 形成 BFC 的条件 浮动元素,float 除
2019/11/18 点击:552
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 点击:869
他们是 CSS 预处理器 。他是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。 例如 Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性,如变量,继承,运算, 函数.
2019/11/18 点击:521
display : 隐藏对应的元素但不挤占该元素原来的空间。 visibility : 隐藏对应的元素并且挤占该元素原来的空间。 即是,使用 CSS display:none 属性后,HTML 元素(对象)的宽度、高度等各种属
2019/11/18 点击:515
推荐解决方法: 媒体查询 + 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 点击:401
可继承: font-size font-family color, ul li dl dd dt; 不可继承 :border padding margin width height ;
2019/11/18 点击:1119
浏览器的默认行为是把 inline 元素间的空白字符(空格换行 tab)渲染成一个空格,也就是我们上面的代码 换行后会产生换行字符,而它会变成一个空格,当然空格就占用一个字符的宽度
2019/11/18 点击:1107
自动变成 display:block
2019/11/18 点击:486
css3 的 transform 属性,设置值为 scale(x,y) 定义 2D 缩放转换 示例: -webkit-transform: scale(0.50);