摘要：
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 阅读全文
摘要：
1 <!DOCTYPE html> 2 <!-- 3、内联块：也叫行内块，是新增的元素类型，现有的元素类型没有归于此类，img和input元素的行为类似这种元素，但是也归类于内联元素，我们可以用display属性将块元素或者内联元素转化成这种元素。他们在布局中表现的行为： 3 a、支持全部样式 4 阅读全文
摘要：
1 <!-- 元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟悉的进行页面布局 2 1、块元素：也称为行元素，布局中常用的标签如：div、p、li、h1~h6、dl、dt、dd等都是块元素。它在布局中的行为： 3 a、支持全部样式 4 b、如果没有设置 阅读全文
摘要：
1 <!-- CSS元素溢出：当子元素的尺寸超过父元素时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overfl属性来设置的。 2 overflow的设置项： 3 1、visible默认值：内容不会被修剪，会呈现在元素框之外 4 2、hidden：内容会被修剪，并且其余内容是不可见的，此 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <!-- top塌陷（只有top会塌陷，left等不会）：在两个盒子嵌套的时候，内部盒子设置的margin-top会加到外部的盒子，导致内部盒子的margin-top设置失败，解决方法如下： 4 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 .box{ 9 width:500px; 10 阅读全文