摘要: 边框是有4个部分的 三角 在内容为0时(width:0), 根据盒模型, 这个元素的宽度取决于padding, border, margin, 如果border为10px, padding:0, margin:0 , 则该元素的宽度为10px, 然后只设置其一边的border, 则就是一个三角了 阅读全文
posted @ 2017-07-16 22:06 _logan 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 各display 阅读全文
posted @ 2017-07-16 21:48 _logan 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 按功能区分: 按列数区分: 需要js配合的: 综上所述, 我认为目前最合理的自适应的布局方式为: 阅读全文
posted @ 2017-07-16 21:39 _logan 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 盒模型 阅读全文
posted @ 2017-07-16 21:38 _logan 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 浏览器渲染字体 将iconfont拆开来看,就是icon(图标)和font(字体)。简单的说iconfont就是利用字体工具把我们平时网页上用的图形图标转换成网页字体。其实跟字体差不多,字体对应的是文本,iconfont对应的是图标 阅读全文
posted @ 2017-07-16 21:37 _logan 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素 浮动最初设计的目的是用来实现文字环绕效果, 后来才用于横向排版或者多列布局 float特性 去除浮动特性, 避免父元素“坍塌” 阅读全文
posted @ 2017-07-16 21:37 _logan 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 如果没有定位 是有些情况下,这种按部就班的网页排版满足不了我们的要求 position一共有五个可选属性:static / relative / absolute / fixed / inherit。 其中static(静态定位)是默认值,即所有的元素如果不设置其他的position值,它的posi 阅读全文
posted @ 2017-07-16 21:35 _logan 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 在手机上使用CSS动画时很多时候会感到卡顿,然后网上很多教程说开启GPU加速可解决 2D & 3D 转换 转换的英文表示为: transform, 这两个转换都是用的这个英文 两者功能对比如下: 两者样式对比如下: 过渡 直接作用在一个html元素上面, 针对该元素的所有的样式变换都会触发该过渡效果 阅读全文
posted @ 2017-07-16 21:35 _logan 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 不同浏览器的前缀 1 /*渐进增强*/ 2 .div1 { 3 -webkit-transition: all 2s; //Safari Chrome 4 -moz-transition: all 2s; //Firefox 5 -o-transition: all 2s; //Opera 6 tr 阅读全文
posted @ 2017-07-16 21:33 _logan 阅读(257) 评论(0) 推荐(0) 编辑
摘要: css的样式来源有下列5个(由上至下为优先级由高至低) 浏览器默认样式 不同设备的适应方案 阅读全文
posted @ 2017-07-16 21:29 _logan 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 单位介绍 阅读全文
posted @ 2017-07-16 21:20 _logan 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 伪类 | 伪元素 选择器的优先级 阅读全文
posted @ 2017-07-16 21:18 _logan 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 水平居中 垂直居中 全部居中 阅读全文
posted @ 2017-07-16 21:11 _logan 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 描述 HTML 文档的元数据: <meta http-equiv=“X-UA-compatible” content="IE=edge,chrome=1" >的作用 针对IE浏览器X-UA-compatibleIE8版本新增加的属性,IE6,7不识别。 content="IE=edge,chrome 阅读全文
posted @ 2017-07-16 21:01 _logan 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 全局属性与事件 阅读全文
posted @ 2017-07-16 20:44 _logan 阅读(101) 评论(0) 推荐(0) 编辑
摘要: svg MathML 阅读全文
posted @ 2017-07-16 20:41 _logan 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 拖拽文件上传 阅读全文
posted @ 2017-07-16 20:38 _logan 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 介绍 阅读全文
posted @ 2017-07-16 20:36 _logan 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 介绍 阅读全文
posted @ 2017-07-16 20:35 _logan 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 这两者有什么共同点与不同点呢 阅读全文
posted @ 2017-07-16 20:14 _logan 阅读(297) 评论(0) 推荐(0) 编辑