Au_ust的博客

div {/* 给父盒子一个flex */flex: 1;/* 左右的盒子各占自己的位置，中间的盒子占满剩下的位置 */不给高度*/-- 补充：flex布局 --><div></div>

我们之前学的html里的div标签在布局的时候什么都能做，但是缺乏语义化的规范，保证不了封装性而h5新增了一些语义标签，来便于我们管理这些标签都算块元素（但是兼容性比较差，ie6、7、8里需要把这些元素转化为块级元素），主要是针对搜索引擎的，移动端也可以用，可以像普通的标签一样使用多次如果是自己做网站的话，很容易被爬虫爬崩，因为指向太明确了，这么说吧!就是小偷进了你家的家门你还给他安了个导航（这是弹幕说的，我感觉很有道理）

如果后面跟百分数的意思是移动盒子自身x/y方向长度的百分比，可以用作子绝父相控制盒子水平居中垂直居中translate里的xy值是相对于自身的初始位置的位移（而不是相对前一次位置的位移）使用这种方式移动盒子的优点是不影响其他盒子（不占用位置的相对定位）行内元素不适用translate。

这是一个完整的网站制作的流程美工会先制作一个原型图：原型图写的不详细，就是体现一个网页大致的布局然后美工再做一个psd样例图片然后再交给程序员。

有时候我们下载网页里的小元素图片的时候，就会一下子下载一大张，这就是精灵图，也叫雪碧图（sprites）一个网页由很多图像作为修饰，当网页中图像过多时，服务器会频繁地解释和发送氢气图片，造成服务器请求压力过大，降低页面的加载速度；精灵图就是为了而诞生的。

为什么需要定位？实现固定在页面的盒子的效果、某个图片可以自由的覆盖在其他图片上的效果时，发现浮动和标准流做不到这个效果和浮动的区别：浮动经常用于横向排列盒子定位是让盒子可以在父盒子内自由移动或者固定在屏幕的某个位置，可以压住其他盒子定位：将盒子定在某个位置，按照定位的方式摆盒子定位模式用来指定一个元素在文档内的定位方式边偏移决定该元素的最终位置。

文本属性：color/font/text-decoration/text-align/vertical-align/white-space/braek-word。布局定位属性：display/position/float/clear/visibility/overflow（建议display第一个写）自身属性：width/height/margin/padding/border/background。分析页面的行模块，以及每个行模块的列模块（页面布局的第一准则）确认页面版心（可视区）的宽度。

网页的本质上就是摆放盒子，把盒子摆到相应的位置上css提供了三种传统的布局方式：普通流（标准流）：标签按默认方式排列，最基本的布局方式浮动定位实际开发中，一个网页基本包含了三种这种布局方式。

在css3中新增了圆角边框样式，这样我们的盒子就可以长得奇形怪状了像csdn上的发布就是圆角边框还有这些10px是什么意思？在四角画一个半径为10px的圆和矩形相切，切下来的结果就是外边框圆角50%的意思是宽度和高度的一半，等价于50%如果想要椭圆就设置为50%（孟德斯鸠（bushi））想要两边为圆角就设置为高的一半。

盒子模型，浮动，定位把一只大象塞进冰箱里需要三步：打开冰箱门，把大象塞进去，关上冰箱门给一个网页布局需要三步：准备好我们的网页相关元素（盒子），用css设计样式摆好位置，往盒子里塞东西最麻烦的就是摆盒子步骤。

三大特性：层叠级、继承级、优先级。

给元素添加背景样式还可以设置背景颜色、背景图片（教练我要学这个）、背景平铺、背景图片位置、背景图像固定。

这篇怎么没发出去

emmet是一个插件，Emmet 是 Zen Coding 的升级版，由 Zen Coding 的原作者进行开发，可以快速的编写 HTML、CSS 以及实现其他的功能。

陶喆 {font-family: '宋体'.周杰伦 {可以看见部分字体改变了我们还可以设置多个字体，可以方便用户在查看网页的时候，如果没安装第一种字体，你们就执行第二种字体.eat {一般都使用系统默认字体，保证网页在各种浏览器都能正常显示body {这时候我们就把body内的字体都改变了但是我们发现标题的大小没有改变标题的大小是需要单独设置的捏p {不要忘记加px（单位：像素）谷歌浏览器的默认文字为16px。