Hello World

摘要： rem 单位 rem（root em）是一个相对单位，类似于em，em是父元素字体大小； 不同的是rem的基准相对于html元素的字体大小； 比如，根元素（html）设置 font size: 12px; 非根元素设置 width: 2rem; 此时换算成px表示 24px； rem优点： 就是可以 阅读全文

摘要： flex 弹性布局与传统布局 flex 弹性布局 操作方便，布局极为简单，移动端应用很广泛 PC端浏览器支持情况很差 IE 11或更低版本，不支持仅部分支持 传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 布局原理 flex 是 flexble Box 的缩写，意为 “弹性布局” ，用 阅读全文

摘要： 视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口，视觉视口和理想视口 布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的pc页面在手机上显示的问题； iOS，Android基本都将这个视口分辨率设置为980px， 阅读全文

摘要： 3D 转换 transform 3d效果是建立在已经存在视距（perspective）的情况下进行的 3D 坐标系 三维坐标其实就是指立体空间，立体空间由3个轴组成 x轴：水平向右； 注意： x右边是正值，左边是负值； y轴：垂直向下； 注意 ： y下面是正值，上面是负值； z轴：垂直屏幕； 注意： 阅读全文

摘要： 博客园的皮肤要选择 页面定制 CSS 代码 网格纸背景 国风背景图 浏览器滚动条优化 粉色导航栏 三级标题 (这里我做了一些取舍冗余的也没有删) 页脚 去掉大黑板 这段我也不知道干嘛, 没有看(请原谅我) 代码高亮 行内代码高亮 这是我自己随便捣拾捣拾 页首 HTML 代码 页脚 HTML 代码 背 阅读全文

摘要： 2D转换 transform transform 是 CSS3 中具有颠覆性的特征之一，可以实现元素的位移，旋转，缩放等效果 移动 translate 重点 定义2D转换中的移动，沿着X轴和Y轴移动元素； translate最大的有点：不会影响到其他元素的位置； translate中的半分比单位是相 阅读全文

摘要： HTML5简介 万维网的核心语言，标准通用标记语言的写一个应用超文本标记语言（HTML）的第五次重大修改，作为新HTML语言，具有新的元素，属性和行为；广义的HTML是包含HTML5本身 + CSS3 + JavaScript，虽然不被所有浏览器所支持，但它是一种趋势； 新增语义化标签 注意： 1. 阅读全文

摘要： 默认情况下，Jmeter 在请求接口的时候，响应结果如果存在中的话默认会按照 uncode 处理，这样的话对于测试来说是非常不方便的所以，这里就分享一个由 uncode 编码转换为 utf 8 的方式；当然啦！我这个也是抄的，一方面是方便我自己查阅；一方面也是为了你们误入歧途（找不到称心的解决方案） 阅读全文

摘要： 元素的显示与隐藏 display 显示 display 设置或检索对象是否及如何显示 特点：隐藏之后不再保留位置； visibility 可见性 visibility 设置或检索是否显示对象 特点：隐藏之后，继续保留位置； overflow 溢出 检索或设置对象的内容超出其指定高度及宽度时如何管理内 阅读全文

摘要： 为什么使用定位 将盒子定在某一个位置 自由的漂浮在其他盒子（包括标准流和浮动的上面） 标准流盒子在最底层 浮动盒子在中间层 定位的盒子在最上层 定位详解 定位 = 定位模式 + 边偏移 边偏移 简单说定位的盒子是通过边偏移来移动位置的； 在 css 中，通过 ，`left top bottom` 属 阅读全文