随笔分类 - CSS
摘要：文章后有彩蛋哦 感谢公总号：web前端开发 彩蛋 "想看纯css3动效 行走的大象 点这里"
阅读全文
摘要：新版弹性盒 兼容到IE10及以上 flex小游戏 display: flex; 设置为弹性盒（父元素添加） flex-direction 用来来确定主轴的方向，从而确定基本的项目排列方向。 | 参数 | 说明 | | | | | row | （默认值）主轴为⽔平⽅向，起点在左端 | | row-re
阅读全文
摘要：宽高百分比，不要固定死; 弹性盒flex css3; 单位（em、rem）px; 媒体查询 - 利器 @media switch 960-1200;（媒体查询加不加 screen 的区别是加上后打印不出screen的样式，有些可以单独写@media print { ... }） gtid布局 - 网
阅读全文
摘要：技术一直在向前发展。但是有一些是相通的，要找准重点，将80%的时间放在提升基础问题上，余下的20%再去学习框架，库和工具。 以下是开发中可能会应用到的一些基础知识 先明确三个概念： html是内容层，它的目的是表示一个html标签在页面里面是个什么角色。 css是样式层，它的目的是表示一块内容以什么
阅读全文
摘要：| 值 | 描述 | | |: :| | h shadow |必需。水平阴影的位置。允许负值 | | v shadow | 必需。垂直阴影的位置。允许负值 | | blur | 可选。模糊距离 | | spread | 可选。阴影的尺寸 | | color | 可选。阴影的颜色。请参阅 CSS 颜色
阅读全文
摘要：其实，console.log 不仅仅有以下应用 console.log() // 这个应该是最常用的 console.error() // 输出错误信息 会以红色显示 console.assert(bool, "info") // 如果bool为false 打印出info 否则不打印 console
阅读全文
摘要：实际项目开发中，iframe在移动设备中使用问题还是很大的，说一说我的那些iframe坑 做过的这个后台管理框架，最开始的需求是PC，但随着业务需要，需要将项目兼容到ipad，后台的框架也是使用的开源框架开发，使用的是iframe嵌套页面的方式 1、内部嵌入iframe，里面的内容页面中有绝对定位的
阅读全文
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>三角形</title> <style> div{ width:0;height:0; border: 20px solid; /*平分效果*/ border
阅读全文
