一、Img:设置图片宽高，可以让浏览器在加载图片之前就知道图片的宽高。否则，读取图片后还需要重新处理一遍页面布局；改变图片文件格式，如png>gif>jepg 二、使用外链方式，css在header，js在body后。可以对css、js等进行整合压缩，提高加载速度 三、目录地址后加上/:因为服务器收 ...
分类：
Web程序 时间：
2017-04-08 12:43:33
阅读次数：
176
一，布局 移动端的整体布局一般来说可以分为上中下三个部分，分别为 header、main、footer，其中header、footer 是固定高度，分别固定在页面顶部和页面底部，而 main 是占据页面其余位置，并且可以滚动。 页面布局如下： 根据页面滚动的位置分为两种布局，一种是滚动 body，另 ...
分类：
移动开发 时间：
2017-04-07 21:54:22
阅读次数：
258
今天分享一个比较实用的技巧，在实际项目中我们会经常遇到表单的input标签多选和单选的问题，但是往往由于标签自身的样式和我们项目的风格很不搭调，就不能实现了，今天就来告诉大家怎么去实现吧。 第一种：利用伪类：（开源中国） 需要注意的是：在页面布局中，还是有input【type=checkbox】的： ...
分类：
其他好文 时间：
2017-04-07 09:40:51
阅读次数：
190
今日写新网页，在老师讲解一部分之后，由我们自主制作网页。今日所讲网页结构亦是上中下三部分，训练内容不外乎布局及一些细节处理，在经过前段时间的学习之后，一切就只循序渐进，不同的是效率及对整个页面布局的理解。但与以往不同的是较多布局采用列表形式进行，而不是盒子，同时布局弃用了以前部分截图作为背景然后再插 ...
分类：
其他好文 时间：
2017-04-07 01:17:45
阅读次数：
179
2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的Flex写法。 以下内容主要参考了下面两篇文章： ...
分类：
其他好文 时间：
2017-04-05 19:13:41
阅读次数：
230
前端好比盖房子，前端的学习大致可以分为下面几个阶段； 第一阶段——HTML标签的学习 第二阶段——CSS的学习 CSS看似比较繁杂，其实只要掌握了CSS中的盒子模型、定位、以及页面布局，就基本上掌握了大半啦。 第三阶段——JavaScript 第四个阶段——jQuery jQuery的优点我就不挨个 ...
分类：
其他好文 时间：
2017-04-05 16:09:09
阅读次数：
214
单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block 和 text-align实现 优点：兼容 ...
分类：
Web程序 时间：
2017-04-02 18:20:23
阅读次数：
268
单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block 和 text-align实现 .paren ...
分类：
Web程序 时间：
2017-04-01 14:56:38
阅读次数：
284
Bootstrap网格系统 Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 Bootstrap 网格系统（Grid System）的工作原理 网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bo ...
分类：
其他好文 时间：
2017-03-31 18:14:02
阅读次数：
237
CSS页面布局是web前端开发的最基本的技能，本文将介绍一些常见的布局方法，涉及到盒子布局，column布局，flex布局等内容。本文中，你可以看到一些水平垂直居中的方法，左侧固定宽度，右侧自适应的一些方法。如果你有更多关于布局方面的技巧，欢迎留言交流。 ...
分类：
Web程序 时间：
2017-03-30 23:12:26
阅读次数：
266
