![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
2.盒子模型组成部分：
内容区（content）
内边距（padding）
外框（border）
外边距（margin）
1.box的宽高可以用 width和heigh t来设置
注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。因此计算 盒子大小=内容区+边框+内边距
2.为元素设置边框
要为一个元素设置红边框 必须指定三个样式（缺一不可）
border-width：边框的宽度
border-color：边框的颜色
border-style：边框的样式
使用border-width可以分别指定四个边框的宽度。
如果在border-width制定了四个值，则四个值会分别设置给 上右下左 ，按照顺时针的方向设置的。
如果指定三个值，则三个值会分别设置给 上 左右 下
如果当指定两个值，则两个值会分别设置给 上下 左右
如果当指定一个值，则四边 全都是该值
这个规律同时适用于border-color / style
除了border-width，CSS中还提供了四个 border-xxx-width
xxx的值可能是top right bottom left ， 专门用来设置指定边的宽度 。
和宽度一样，color也提供四个方向的样式，可以分别指定颜色。例如，border-xxx-color
style也可以分别指定4个边的边框样式，规则和width一样，同时它也提供border-xxx-style四个样式，来分别设置四个边。
border 的边框样式简写方式，通过它可以同时设置四个边框的样式，宽度，颜色， 而且没有任何的顺序要求。但是！border一指定就是同时指定四个边不能分别指定。
border-xxx ，例如border-top border-right border-bottom border-left
可以单独设置四个边的样式，规则和border一样，只不过他只对一个边生效。
内边距（padding），指的是盒子的内容区域盒子边框之间的距离。
一共有四个方向的内边距，可以通过：
padding-top
padding-right
padding-left
padding-bottom
来设置四个方向的内边距
内边距会影响盒子的可见框的大小，元素的背景会延伸到内边距。
盒子的大小由内容区、内边距和边框共同决定。
盒子可见框的宽度=border-left-width + padding-left + width + padding-right + border-right-width
可见框的高度=border-top-width + padding-top + height + padding-bottom + border-bottom-width
使用padding可以同时设置四个边框的样式，规则和border-width一致
外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置。
盒子有四个方向的外边距：
margin-top
margin-rigtht
margin-bottom
margin-left
由于页面中的元素都是靠左上摆放的，所以注意当我们设置上和左外边距时，会导致盒子自身的位置发生改变。
而如果是设置右和下外边距会改变其他盒子的位置
外边距也可以指定一个负值，如果外边距设置的是负值，则元素会向反方向移动
margin还可以设置为auto，auto一般只设置给水平方向的margin
如果只指定，左外边距或者右外边距的margin为auto则会将外边距设置为最大值
垂直方向外边距如果设置为auto，则外边距默认就是0
如果将left和right同时设置为auto，则会将两侧的外边距设置为相同的值，就可以使元素自动在父元素中居中，所以我们经常将左右外边距设置为auto，以使元素在父元素中水平居中。
同时，外边距同样可以使用简写属性margin，可以同时设置四个方向的外边距，规则和padding一样。
rem是什么？
px，绝对长度单位，最常用
em，相对长度单位，相对于父元素，不常用
rem，相对长度单位，相对于根元素，常用于响应式布局
响应式布局的常用方案
media-query,根据不同屏幕宽度设置根元素font-size
rem,基于根元素的相对单位
rem的弊端：“阶梯性”
M族弹道导弹主要是四个型号：M7、M9、M11、M18。这四种导弹的射程分别为：二百公里、六百公里、三百公里、一千公里。从M族导弹的射程上看，它们已经构成了完整的战术战役导弹系列。M族弹道导弹是中国陆军武力的重要组成部分M7战术弹道导弹(CSS8)
M7导弹是M族战术弹道导弹当中唯一以倾斜方式发射的导弹，其他的M族导弹均采取垂直发射的方式。M7倾斜发射的原因是红旗2防空导弹采用倾斜发射方式，而M7弹道导弹是从红旗2防空导弹改造而来的，改造有个名字叫做8610工程，工程从一九八六年开始。红旗2导弹的库存数量很大，所以中国的M7导弹数量也不少。M7导弹的射程二百公里，弹头重量五百公斤。
M7导弹使用履带车或者轮式汽车为运载发射工具，机动性好，适合野战。
M9战术弹道导弹(CSS6，DF15)
M9是M族战术导弹中性能最好的一种。M9是中国出口时使用的名称，解放军自用的M9导弹称为东风15。东风15战术导弹使用了很多战略导弹的高科技成果，并且进一步加以发展。东风15乃是中国武库中的一种「撒手锏」。M9导弹在一九八四年开始设计，一九八八年定型生产。M9导弹射程六百公里(增程型射程高达一千二百公里)弹头五百公斤，采用了末制导技术，命中精度极高，具有隐身功能，突防能力强。
M11战术弹道导弹(CSS7，DF11)M11导弹的重要特点是，它能够使用俄制飞毛腿(又称飞云)导弹的MAZ543发射车发射，而中东国家有许多都拥有飞云导弹(SS1，SCUDB)。因此中国出口M11导弹极为有利。
M11导弹射程三百公里，弹头重量五百公斤正好在MTCR的限制范围以内，中国自己也使用M11导弹，在解放军中M11导弹称为东风11。东风11的制导系统与东风15(即M9)导弹的制导系统基本相同，命中精度较高。M11导弹的设计从一九八五年开始，一九九二年M11导弹定型生产。
M18战术弹道导弹(CSS11)M18导弹是在M9导弹的基础上设计的，基本的过程是在M9导弹的一级火箭上再加一级火箭，制导系统采用M9的系统。 M18导弹从一九八五年开始设计，一九九三年定型生产。M18导弹射程一千公里，弹头重量八百公斤，可以携带常规弹头，也可以携带核子弹头，是介于战术弹道导弹和战略弹道导弹之间的型号。
中国M族的战术弹道导弹有三项突出的战术性能，这三项战术性能是目前世界上最先进的反导弹导弹，例如爱国者PAC3，也难以拦截。这三项性能是：一、导弹的头体分离性能。M族导弹，例如中国在台湾海峡危机中向基隆和高雄外海投射的M9导弹，在火箭燃烧以后弹体和弹头分离，在整个导弹的体积比上，导弹弹头的体积很小，一旦导弹头体分离，敌方的雷达很难跟踪导弹弹头，拦截弹头就更困难了。二、末制导技术的使用。一般而言，弹道导弹采用末制导技术的情况很少，原因是技术上太困难。但是，中国的M9和M18弹道导弹采用了末制导技术。末制导技术不仅极大的提高了导弹的命中精度，而且其改变弹道的功能使反导弹的拦截更为困难。三、M族导弹采用了隐身技术。隐身技术通常通过特殊涂料护层和低雷达截面外形来实现，M族导弹采用隐身技术之后，再加上头体分离技术和改变弹道的功能，反导弹的拦截是极其困难的，所发射的导弹基本上都会落在目标区
