HTML
凝弧
这个作者很懒,什么都没留下…
展开
-
CSS Hack
CSS hack1. 渲染模式2. 属性前缀(内部hack)3. 选择器前缀(选择器hack)4. 条件注释(HTML条件注释)CSS hack1. 渲染模式<meta http-equiv="x-ua-compatible" content="webkit|ie-comp|ie-stand"原创 2018-05-01 14:12:41 · 264 阅读 · 0 评论 -
LESS 学习总结
变量混合嵌套模式匹配导引表达式运算函数Type 检测类型Color 颜色Math 运算LESS属于 CSS 预处理语言,无法像CSS直接被浏览器识别,需编译编译器只起编译作用,使用上仍然引入生成的.css文件编译环境 浏览器端 less.js <link rel="stylesheet/less" type="text/css&翻译 2018-04-22 15:20:14 · 310 阅读 · 0 评论 -
IE 兼容问题总结
1、获取滚动条位置 window.pageXOffset 和 window.pageYOffset 在IE8及以下是不兼容的 当 document.body.scrollLeft 起作用时 document.documentElement.scrollLeft 失效,反之亦然 document.body.scrollTop 正常调用失效,需封装 // 兼容解决方案:...原创 2018-03-22 17:19:39 · 198 阅读 · 0 评论 -
CSS flex 弹性盒模型
flex box 弹性盒模型版本兼容性兼容方案弹性容器子元素伸缩盒(旧)[ -moz、 -webkit ]弹性容器 box容器属性1. 主轴对齐方式 box-pack2. 侧轴对齐方式伸缩盒(新)flex box 弹性盒模型版本兼容性display:-webkit-box Android 2.3IOS 6.1display...原创 2018-05-10 08:55:38 · 416 阅读 · 0 评论 -
LESS 函数方法
混合 (misc)字符串 (String)列表 (List)数学运算 (Math)判断类型 (Type)颜色定义 (Color Definition)颜色操作颜色混合混合 (misc)// 字符转颜色color("#CCC") //返回图像尺寸(示例尺寸100*50)image-size("file.jpg"); // => 10...翻译 2018-04-22 15:22:17 · 8597 阅读 · 0 评论 -
LESS Grid 实现栅格布局
@import ‘variables.less’; @import ‘module.less’;//- 设备尺寸@xs: 480px;@sm: 768px;@md: 992px;@lg: 1200px;// 栅格数@grid-count: 12;// 容器名@container: ~"container";// 行名@row: ~"row";// 列名@col-na...原创 2018-04-22 09:23:48 · 1518 阅读 · 0 评论 -
LESS Module
// 水平.margin(x, @left: 5px, @right: @left) { margin-left: @left; margin-right: @right;}.padding(x, @left: 5px, @right: @left) { padding-left: @left; padding-right: @right;}// 垂直...原创 2018-04-22 09:09:34 · 1644 阅读 · 0 评论 -
HTML 页面加载过程
window.onload 和 DOMContentLoaded 的区别加载资源的形式 输入 url(或跳转页面)加载 html加载 html 中的静态资源加载一个资源的过程 浏览器根据 DNS 服务器得到域名的 IP 地址向这个 IP 的机器发送 http / https 请求服务器收到、处理并返回 http / https 请求浏览器得到返回内容浏览器渲染页面的...原创 2018-05-19 20:45:13 · 3573 阅读 · 0 评论