emilyRR的专栏

bootstrap学习 1. 自适应网页设计 首先，在网页代码的头部，加入一行 viewport元标签。viewport是网页默认的宽度和高度，<meta name="viewport" content="width=device-width, initial-scale=1">上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩放比例(initial-scale=1)

bootstrap1. 标题样式 除了有标签 h1~h6 之外，bootstrap还提供了对应的六个类名：.h1~.h6 重新设置了margin-top和margin-bottom的值， h1~h3重置后的值都是20px；h4~h6重置后的值都是10px。 所有标题的行高都是1.1（也就是font-size的1.1倍）,而且文本颜色和字体都继承父元素的颜色和字体。 固定不同级别标题字体大小，h1=36px，h2=

11. 基础表单 类名form-control 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 类名 form-horizontal 水平表单风格（标签居左，表单控件居右） 类名form-inline 将表单的控件都在一行内显示 表

12. 图像 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） 对