摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>图片展示</title> 6 <style type="text/css"> 7 8 .pic_list_con{ 9 width: 958 阅读全文
摘要：
1 <!-- 矢量图与位图 2 3 矢量图是通过组成图形的一些基本元素，如点、线、面，边框，填充色等信息通过计算的方式来显示图形的。一般来说矢量图表示的是几何图形，文件相对较小，并且放大缩小不会失真。 4 5 这里有一点要注意的是web开发中用到的图片都不是矢量图，即使是一个三角形，只有一个边框，都 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>导航栏</title> 6 <style type="text/css"> 7 .menu{ 8 list-style: none; 9 m 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>翻页</title> 6 <style type="text/css"> 7 .con{ 8 width: 600px; 9 height: 阅读全文
摘要：
1 <!-- 属性解释：background属性是CSS中应用较多的，且比较重要的一个属性，它负责给盒子设置背景图片和背景颜色，background是一个符合属性，它可以分解成如下几个设置项： 2 1、background-color：设置背景颜色 3 2、background-image：设置背景 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 height: 80px; 9 w 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 8 .con{ 9 width: 100px; 1 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 8 .con{ 9 width: 400px; 1 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 width: 300px; 9 h 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 width: 300px; 9 h 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 width: 300px; 9 h 阅读全文
摘要：
1 <!-- 定位 2 文档流：是指盒子安装HTML标签编写顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 3 4 关于定位：用来突破文档流的限制，我们可以使用CSS的position属性来设置元素的定位类型，p 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 .box{ 8 width: 400px; 9 height: 4 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 8 .list{ 9 width: 210px; 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .menu{ 8 width: 694px; 9 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 450px; 9 / 阅读全文
摘要：
1 <!-- 浮动特性： 2 1、浮动元素有左浮动和有浮动两种 3 2、浮动的元素会向左或向右浮动，碰到父元素边界或者其他元素才停下来 4 3、相邻浮动的块元素可以并在一行，超出父元素的宽度就换行 5 4、浮动让行内元素或者块元素自定转化成行内块元素（此时不会有行内块元素间隙问题） 6 5、浮动元素 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 <!-- 使用display的none属性设置悬浮 阅读全文
摘要：
虚拟环境的作用：解决版本迭代，依赖包更迭的问题 虚拟环境安装：pip3 install virtualenv 虚拟环境扩展包：pip3 install virtualenv virtualenvwrapper vi .bashrc进入家目录下面的.bashrc（在家目录里是隐藏文件），添加下面两行： 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .menu{ 8 width: 694px; 9 阅读全文