| | | |

2017年4月16日

摘要： screen:对象 console.log(screen.width);//屏幕宽度 console.log(screen.availHeight);//可用高度=屏幕高度-底部任务栏 console.log(screen.height);//屏幕高度 console.log(screen.avai 阅读全文

posted @ 2017-04-16 22:22 小唲么么哒阅读(175) 评论(0) 推荐(0)

2017年4月9日

如何实现1920bannerai网页中居中以及实现1920bannerai网页中切换的效果

摘要： #banner{ /*宽度，浏览器的100%*/ width: 100%; /*原则上，高度=图片高度*/ height: 500px; position: relative; overflow: hidden; } #banner img{ /*宽度，图片的实际高度*/ width: 1920px 阅读全文

posted @ 2017-04-09 22:41 小唲么么哒阅读(159) 评论(0) 推荐(0)

JS中的循环结构、循环嵌套以及函数介绍

摘要：【循环结构的步骤】 *①声明循环变量 *②判断循环条件 *③执行循环体(while的{}中的所有代码)操作 *④更新循环变量 * * 然后，循环执行②③④ * * * 【JS中循环条件支持的数据类型】 * ①boolean：true 真 false 假 * ②string：非空字符串为真空字符串阅读全文

posted @ 2017-04-09 22:31 小唲么么哒阅读(1609) 评论(0) 推荐(1)

如何用弹性盒布局实现响应式网站

摘要： [flex弹性盒布局] 1、给父容器添加display：flex/inline-flex;属性 2、父容器可以使用的属性值有： ①flex-direction：属性决定主轴的方向（即项目的排列方向） row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。阅读全文

posted @ 2017-04-09 22:27 小唲么么哒阅读(281) 评论(0) 推荐(0)

JS基础变量、运算符和分支结构

摘要： [使用JS的三种方式] 1、HTML标签中内嵌JS(不提倡使用)： <button onclick="javascript:alert('小婊子，真点啊！')">有本事点我呀</button> 2、HTML页面中直接使用JS: <script type="text/javascript"> //JS 阅读全文

posted @ 2017-04-09 22:25 小唲么么哒阅读(254) 评论(0) 推荐(0)

2017年3月26日

移动端网站如何布局

摘要： <!--[了解像素基础知识] ① 设备物理像素：设备上一个像素点 ② 设备无关像素：可以与物理像素通过dpr转换。（当dpr为1时，设备无关像素=设备物理像素） ③ CSS像素：CSS中使用的抽象概念。当页面没有缩放时，CSS像素=设备无关像素。设备像素比dpr = 物理像素/设备无关像素 -- 阅读全文

posted @ 2017-03-26 22:50 小唲么么哒阅读(158) 评论(0) 推荐(0)

2017年3月19日

盒子的一些基本属性和CSS3动画的使用

摘要： /*[margin外边距] margin属性值最多有四个： ①只写一个值：四个方向的margin均为这个值 ②只写两个值：上、右两个方向，下默认=上，左默认=右 ③写三个值：上、右、下三个方向，左默认=右 ④写四个值：上、右、下、左四个方向 ⑤写三个值+auto：控件居右显示 margin:50px 阅读全文

posted @ 2017-03-19 22:14 小唲么么哒阅读(289) 评论(0) 推荐(0)

2017年3月12日

HTML5的基础知识介绍

摘要： <!DOCTYPE html> <head> <!--{meta标签} 1、charset属性:单独使用。设置文档字符集编码格式。 >>>写法：<meta charset="UTF-8"> > 阅读全文

posted @ 2017-03-12 21:49 小唲么么哒阅读(347) 评论(0) 推荐(0)