## 0. 前言 比较基础的图标加载：<img src="x.png">和块元素的背景background: url(./x.png). 页面多图标时，使用雪碧图（多个png压缩成一个png，定位来使用），减少图片所占空间。 大屏显示，为保证图标清晰度，可以使用svg格式的图片。svg是矢量图，直接 ...
分类：
Web程序 时间：
2018-03-10 15:58:17
阅读次数：
182
居中布局 水平居中 1）使用inline-block+text-align 原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。 用法：对子框设置display:inline-block，对父框设置text-align:center。 缺点:child里的文字也会水平居 ...
分类：
Web程序 时间：
2018-03-10 15:48:42
阅读次数：
219
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } span{ margin-left: 20px; } / ...
分类：
Web程序 时间：
2018-03-06 11:59:24
阅读次数：
150
//方法一#box{ width:120px; height:160px; border:1px solid red; position:absolute; top:50%; left:50%; margin-left:-60px; margin-top:-80px;}//方法二 #box{ wid ...
分类：
其他好文 时间：
2018-03-03 18:17:00
阅读次数：
133
需求 今天帮朋友做个小网页,但一直没明白对方的需求; 原来是要实现:"网页内容随着浏览器窗口变大变小,缩放比例不失调,即保持原有比例" 未满足需求时 满足需求之前,登陆框的 margin-top 以及 margin-left 的值用的都是精确px(像素值); 整体页面 css(审查元素) 把浏览器窗 ...
分类：
Web程序 时间：
2018-03-01 21:53:33
阅读次数：
296
【内聚】 1.内聚的定义：一个模块内部元素彼此结合的紧密程度。其中关键字：模块、元素、结合 模块：大到子系统，小到一个函数，都可以看成一个模块 元素： 模块：包、命名空间等 包：类、接口、全局数据等 类/接口：方法、属性 函数：内部的代码 结合： 用“凝聚力”来理解，更贴切。 假如说一个类的方法，都 ...
分类：
其他好文 时间：
2018-03-01 17:08:47
阅读次数：
138
每个元素都有display属性确定该元素的类型 如div默认display属性值为“block”为“块级”元素； span默认display属性值为"inline"为“行内元素； 行内元素有：a b span img input select strong 块级元素有：div ul li ol dl ...
分类：
Web程序 时间：
2018-03-01 14:50:45
阅读次数：
193
一、HTML块元素 1、块级元素 Block level element ，内联元素 inline element ， HTML<div>元素属于块级元素，他是组合其他HTML元素的容器，当与CSS一同使用<div>元素用于对大内容块设置样式属性。<div>用于文档布局， 2、HTML <span> ...
分类：
编程语言 时间：
2018-02-24 13:12:47
阅读次数：
199
1.优化图片 2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 3.优化CSS（压缩合并css，如margin-top,margin-left...) 4.网址后加斜杠（如www.campr.com/目录，会判断这个“目录是什么文件类型，或者是目录。） 5.标明高度和宽度 ...
分类：
其他好文 时间：
2018-02-23 15:52:41
阅读次数：
143
css水平居中很容易实现，如果是行内元素，直接使用text-align:center,如果是块元素，则可以marin-left:auto;margin-right:auto;来实现。 垂直居中是前端开发中极其常见的需求，理论上很简单，实践起来却有难度。常用的有以下几种方法： html格式： 1.基于 ...
分类：
Web程序 时间：
2018-02-21 23:35:25
阅读次数：
252
