会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
晴天宝宝
博客园
首页
新随笔
联系
管理
订阅
上一页
1
···
7
8
9
10
11
12
13
14
15
16
下一页
2019年9月22日
函数和变量中的预解析
摘要: 1.js引擎运行 js 分为两步,预解析 代码执行 (1)预解析 js 引擎会把 js 里面的所有的 var 还有 function 提升到当前作用域的最前面 (2)代码执行 按照代码书写的顺序 从上往下执行 2.预解析分为 变量预解析(变量提升) 和 函数预解析 (函数提升) (1)变量提升 就是
阅读全文
posted @ 2019-09-22 13:49 晴天宝宝i
阅读(688)
评论(0)
推荐(0)
2019年9月3日
H5新增input表单、表单属性
摘要: 新增表单 email,Email类型 url , Url类型 date,日期类型 time,时间类型 month,月类型 week,周类型 number,数字类型 tel,电话类型 search,搜索框 color,生成一个颜色选择表单 表单属性 required = required,必填,内容不
阅读全文
posted @ 2019-09-03 19:23 晴天宝宝i
阅读(620)
评论(0)
推荐(0)
html5新增语义化标签
摘要: 新增语义化标签 <header>:头部标签 <nav>:导航标签 <article>:内容标签 <section>:块级标签 <aside>:侧边栏标签 <footer>:尾部标签 <audio>:音频标签 <video>:视频标签 1.音频标签(audio) <audio src=" snow.m
阅读全文
posted @ 2019-09-03 18:55 晴天宝宝i
阅读(784)
评论(0)
推荐(0)
浏览器兼容性问题
摘要: 1、问题:div中的图片间隙(出现在IE6及更低版本中) 描述:在 div 中插入图片时,图片会将 div 下方撑大三像素 解决方法:将 < img > 转换为块级元素,给 < img >添加声明:_display:block; 2、问题:双倍浮向(双倍边距) 描述:当 IE6 及更低版本浏览器在解
阅读全文
posted @ 2019-09-03 13:55 晴天宝宝i
阅读(172)
评论(0)
推荐(0)
2019年9月2日
初识 flex 布局
摘要: 开启弹性盒模式: display:flex / inline-flex; inline-flex 行内弹性盒 1、设置 flex 缩放的 限定值 min-width 最小值 min-width:280px 最小宽度不能小于280px max-width 最大值 max-width:1280px 最大
阅读全文
posted @ 2019-09-02 19:45 晴天宝宝i
阅读(260)
评论(0)
推荐(0)
2019年8月30日
总结伪元素
摘要: div::before ,在 div 内容的前面加一个伪元素 常用于处理 相邻父子元素外边距重叠问题 div::after,在div内容的后面添加一个伪元素 常用于处理 标签浮动,高度塌陷问题 :before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好 :befo
阅读全文
posted @ 2019-08-30 12:06 晴天宝宝i
阅读(177)
评论(0)
推荐(0)
伪元素解决相邻父子元素垂直外边距重叠问题
摘要: <style> .box{ width: 400px; height: 400px; background: gold; } .box1{ height: 100px; width: 100px; background: palegreen; margin-top:50px; } .box2{ height: 100px; width: 100px; background: palevioletr
阅读全文
posted @ 2019-08-30 10:22 晴天宝宝i
阅读(673)
评论(0)
推荐(0)
清除浮动的方法(float)
摘要: 方式一: 额外标签法:给浮动的元素后面新增加一个清除浮动的盒子 例如: <div style="float: left">浮动盒子</div> <div style="float: left">浮动盒子</div> <div style="clear: both">清除浮动盒子</div> <!--
阅读全文
posted @ 2019-08-30 09:25 晴天宝宝i
阅读(199)
评论(0)
推荐(0)
2019年8月29日
案例-开门效果CSS3
摘要: <style> .door { width: 288px; height: 153px; border: 2px solid #333; margin: 150px auto; background: url(../img/01.png) no-repeat; position: relative; perspective: 500px; /* 设置盒子透明 */ } .door-l, .door
阅读全文
posted @ 2019-08-29 19:20 晴天宝宝i
阅读(227)
评论(0)
推荐(0)
CSS3-2d3d
摘要: 1、过渡(transition)操作谁,给谁加过渡 transition:要过渡的属性 花费时间 运动曲线 何时开始; 多组属性变化,还是用 逗号 隔开 transition-property:规定应用过渡的CSS属性的名称。 transition-duration:定义过渡效果花费的时间,默认是0
阅读全文
posted @ 2019-08-29 17:45 晴天宝宝i
阅读(146)
评论(0)
推荐(0)
上一页
1
···
7
8
9
10
11
12
13
14
15
16
下一页
公告