###为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称CSS Sprites ...
分类：
Web程序 时间：
2021-07-05 17:27:42
阅读次数：
0
CSS 学习（3） 盒子模型 盒子的组成 border边框，content内容，padding内边距，margin外边距。 边框（border） border-with：边框的粗细（一般情况下使用px为单位），未指定边框样式没法显示。 border-style：边框的样式（solid实线，dashe ...
分类：
Web程序 时间：
2021-07-05 16:49:11
阅读次数：
0
操作DOM节点，做常用的是document.getElementById() 和 document.getElementsByTagName() ， 以及css选择器document.getElementsByClassName(); document.getElementsByTagName() ...
分类：
其他好文 时间：
2021-07-02 16:16:13
阅读次数：
0
###网页布局的本质 网页布局过程： 先准备好相关的网页元素，网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质： 就是利用 CSS 摆盒子。 ###盒子模型： 就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一 ...
分类：
其他好文 时间：
2021-07-01 17:37:01
阅读次数：
0
列表属性 ol,ul{ /*list-style: disc;*/ /*实心圆点*/ /*list-style: square;*/ /*实心小方块*/ /*list-style: circle;*/ /*空心圆点*/ /*list-style: decimal;*/ /*1/2/3数字排序*/ / ...
分类：
Web程序 时间：
2021-07-01 17:29:11
阅读次数：
0
option = { legend: { show: false }, series: [ { type: "pie", radius: [0, 0], silent: true, label: { normal: { show: true, position: "center", formatte ...
分类：
其他好文 时间：
2021-07-01 17:27:43
阅读次数：
0
学习HTML5的第三天： 1.带样式的表格表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格表单</title> <style type="text/css"> tr { border: none; height: 30 ...
分类：
Web程序 时间：
2021-07-01 16:36:54
阅读次数：
0
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直外边距的重叠</title> <style type="text/css"> .box1{ /* 为上面的元素设置一个下外边距 */ width: 100px; height: ...
分类：
其他好文 时间：
2021-07-01 16:28:08
阅读次数：
0
最近因为工作需要，仔细研究了一下关于JS下offsetLeft，style.left，以及jquery中的offset().left，css("left")的区别。 JS下的offsetLeft和style.left，以及jquery的css("left")，对定位的理解相似，如果父元素中有定位元素 ...
分类：
Web程序 时间：
2021-06-30 18:44:56
阅读次数：
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
分类：
Web程序 时间：
2021-06-30 18:42:05
阅读次数：
0
