前端笔记2

2119731621

1.盒子模型（Box Model）

每一个盒子有内到外都由4部分组成：
1.内容区（content）,内容区相当于盒子的内部的空间，盒子中的所有的内容和子元素都在内容区中

width: 200px;
height: 200px;

2.边框（border）,边框是盒子的边缘，修改边框会影响到整个盒子的大小

border-width(边框的宽度)

border-color(边框的颜色)

border-style(边框的样式)

用border-width举例子,颜色跟样式一样:

如果只指定一个值，则四个方向都是该值 : border-width: 10px;

如果指定两个值上下左右 : border-width: 10px 20px;

如果同时指定四个值，则会分别设置上右下左四个边框的宽度: border-width: 10px 20px 30px 40px;

如果指定三个值，则顺序是上左右下 : border-width: 10px 20px 30px;

4个方向都有边框简写: border: red 10px solid ;

设置上左下有边框: border-top: 10px solid orange ;border-left: 10px solid orange ;border-bottom: 10px solid orange ;

另一种写法:
border: 10px solid orange;
border-right: none;

3.内边距（padding）,内容区和边框之间的距离是内边距，修改内边距会影响到盒子的大小

padding-top 上内边距
padding-right 右内边距
padding-bottom 下内边距
padding-left 左内边距

例子:

padding-top: 100px;
padding-right: 100px ;
padding-bottom:100px ;
padding-left: 100px;

或者:padding: 10px 20px 30px 40px;

4.外边距（margin）,外边距指的是当前的盒子与其他的盒子的距离，外边距不会影响整个盒子的大小，但是会影响盒子的位置

margin-top
margin-right
margin-bottom
margin-left

例子:

margin: 100px 200px 300px 400px;

注意:

1.外边距可以设置为一个负值，如果margin值为负数时，元素会向相反的方向移动

2.margin还可以设置为auto,当将左右外边距同时设置为auto时，浏览器会将元素的左右外边距设置为相等的值

此时当前元素将会在它的父元素中水平居中，所以我们常常将水平外边距设置为auto来设置水平居中

/*使元素在父元素中水平居中*/
margin: 0 auto;

盒子的可见框的大小由内容区、内边距和边框共同决定

2.外边距的重叠

最新幸运飞艇56码规律公式实战计划走势分析资金分配技巧
最新幸运飞艇78码滚雪球规律公式实战计划分析资金分配技巧
最新幸运飞艇78码滚雪球走势技巧与盈利规律公式计划技巧
最新幸运飞艇56码倍投走势技巧与盈利规律公式实战计划技巧
最新《幸运飞艇78码滚雪球规律公式》如何把握盈利走势技巧
最新《幸运飞艇56码倍投规律公式》如何把握盈利走势技巧
最新《幸运飞艇56码走势实战计划分析》稳赢分配资金技巧
最新《幸运飞艇78码滚雪球走势实战计划分析》稳赢资金技巧
最新《幸运飞艇一些78码滚雪球必中玩法》实用走势技巧规律实战经验分享
北京赛车与幸运飞艇七八码滚雪球公式规律盈利技巧走势分析计划
北京赛车与幸运飞艇七八码滚雪球规律公式如何盈利计划分析技巧
北京赛车与幸运飞艇七八码滚雪球如何盈利计划走势技巧分析
北京赛车与幸运飞艇七八码公式滚雪球分析盈利计划走势玩法
北京赛车与幸运飞艇七八码滚雪球规律技巧稳赢公式计划
北京赛车PK10幸运飞艇七八码滚雪球公式稳赢计划走势分析技巧
北京赛车PK10幸运飞艇七八码滚雪球稳赢技巧实战规律分析计划
北京赛车PK10幸运飞艇七八码滚雪球如何稳赢计划技巧走势分析
北京赛车幸运飞艇五六码倍投公式盈利过程计划解说走势技巧
北京赛车幸运飞艇五六码倍投如何盈利计划实战技巧走势分析
北京赛车幸运飞艇五码六码走势规律稳赚技巧实战公式计划

细分飞艇赛车一分钟快三如何快速稳定赚钱
细分飞艇赛车一分钟快三高手稳赢秘籍
细分飞艇赛车一分钟快三赢了30万稳赢秘籍
细分飞艇赛车一分钟快三绝招稳赢秘籍
细分飞艇赛车一分钟快三技巧稳赢秘籍
细分飞艇赛车一分钟快三杀号稳赢秘籍
细分飞艇赛车一分钟快三选号稳赢秘籍
细分飞艇赛车一分钟快三遗漏稳赢秘籍
细分飞艇赛车一分钟快三和值走势图稳赢秘籍
细分飞艇赛车一分钟快三基本走势图稳赢秘籍
细分飞艇赛车一分钟快三人工计划稳赢秘籍
细分飞艇赛车一分钟快三软件计划稳赢秘籍
细分飞艇赛车一分钟快三稳赢秘籍

独家解读《出几买几定位胆公式》效果收益极好的玩法技巧
大神揭秘《定位胆三把必中法》玩法分享给大家
高手揭秘《定位胆怎么买准确率高》分享给大家一起交流
独家解读《11选5任2神号期期必中》效果收益极好的技巧
独家讲解分析《组三组六必中技巧》助你快速掌握
浅析最新五星组选60玩法介绍的做号方案
浅析最新四星稳定做号思路方法的做号方案,
讲解分析最稳定的《11选5任3必中计算方法》值得收藏
独家解读《追组六不亏方法》帮你度过难关
高手全面讲解《五星组60有什么规律》命中率极高
简单实用的《五星组选30怎么算中》值得借鉴
必备攻略之《后三大底稳定700刷不停》值得收藏
最强攻略分享《后三直选单式稳赚》效果极佳
最强攻略分享《后三直选单式稳赚》效果极佳
大师深度解析《后三组六复试杀号技巧》帮助提高命中
命中最高的《后三直选单式500注万能码》分享制胜玩法
重点考虑《后三直选单式600注》需要注意的细节
高手选取《四星6000注做号思路》一定不要盲目跟进
重点考虑《四星稳定做号思路方法》需要注意的细节
讲解分析最稳定的《后三直选缩水大底》值得收藏
高手全面讲解《后三单式5胆码做号》命中率极高
玩家总结《后三组六8码杀号公式》分析取胜窍门!-
独家解读《后三直选杀号最新公式》帮你度过难关
独家解读《后三直选杀号最新公式》帮你度过难关
最值得收藏的《五星二码什么意思》帮助提高胜率
最值得收藏的《五星二码什么意思》帮助提高胜率
重点考虑《四星稳定做号思路方法》需要注意的细节
讲解分析最稳定的《后三直选缩水大底》值得收藏
高手全面讲解《后三单式5胆码做号》命中率极高
玩家总结《后三组六8码杀号公式》分析取胜窍门!-
独家解读《后三直选杀号最新公式》帮你度过难关
独家解读《后三直选杀号最新公式》帮你度过难关
最值得收藏的《五星二码什么意思》帮助提高胜率
最值得收藏的《五星二码什么意思》帮助提高胜率
独家讲解分析《五星组60和120对打》助你快速掌握
独家讲解分析《五星组60和120对打》助你快速掌握
高手全面讲解《五星组60组120如何判断》命中率极高
精准分析《怎么判断五星组选60》不可错过的细节
精准分析《怎么判断五星组选60》不可错过的细节
精准分析《怎么判断五星组选60》不可错过的细节
精准分析《怎么判断五星组选60》不可错过的细节
资深玩家解读《后三直选单式600注》玩法和技巧
资深玩家解读《后三直选单式600注》玩法和技巧
高手全面讲解《猜大小单双有什么诀窍》命中率极高
独家讲解分析《后三杀2个条件650注》助你快速掌握-
高手讲解《后三组六是什么意思》易上手玩法技巧
最新评分最高的《11选5任二怎么盈利计划》攻略分享
高手全面讲解《五星不定位胆二码秘诀》命中率极高