我们知道，标准流中的，父容器里的多个块级的子元素会默认从上往下排列。但我们如果使用伸缩布局，就可以使子元素们在不脱离标准流的情况下，水平方向上，从左至右排列
flex 布局的优势
1、flex 布局的子元素不会脱离文档流，很好地遵从了“流的特性”。
2、flex 是一种现代的布局方式，是 W3C 第一次提供真正用于布局的 CSS 规范。 flex 非常提供了丰富的属性，非常灵活，让布局的实现更佳多样化，且方便易用。
但flex 的缺点在于，它不支持低版本的 IE 浏览器。
我们来明确几个概念
弹性盒子
弹性盒子指的是使用 display:flex 或 display:inline-flex 声明的父容器。
子元素/弹性元素
子元素/弹性元素指的是父容器里面的子元素们（父元素是弹性盒子）。
使用 display:flex 或 display:inline-flex 声明一个父容器为弹性盒子。此时，这个父容器里的子元素们，会遵循弹性布局。我们一般使用display:flex。
1.flex子项目在主轴的缩放比例，不指定flex属性，则不参与伸缩分配
min-width 最小值 min-width: 280px 最小宽度 不能小于 280
max-width: 1280px 最大宽度 不能大于 1280
flex-direction：用于设置盒子中子元素的排列方向。属性值可以是：
flex-direction这个属性默认子元素从左到右排列的。
子盒子如何在父盒子里面水平对齐方式如下所示，
子盒子如何在父盒子里面垂直对齐（单行），如下所示
flex-wrap控制是否换行，如下
flex-flow是flex-direction、flex-wrap的简写形式
align-content是针对flex容器里面多轴(多行)的情况,align-items是针对一行的情况进行排列。必须对父元素设置自由盒属性display:flex，并且设置排列方式为横向排列flex-direction:row并且设置换行，flex-wrap:wrap这样这个属性的设置才会起作用。
要注意整体布局；
链接样式；（当用css定义链接的各种状态时，要注意书写的顺序）
伪类和选择符的配合使用；（将伪类和类组合起来用，就可以在同一个页面中做几组不同的链接效果了）
所有样式名全都小写尽量用英文为保证日后能一目了然，尽量不缩写；
一些代码的使用方试；
浮动：float（(1、对于内部全为浮动的元素，记得清除浮动。2、元素内部的子元素尽量不要全部浮动，最好保留最边上的一个设置margin，这样便不会出现因浏览器窗口缩放导致的浮动元素被挤到下一行，使页面错乱的情况。）
定位：
相对定位：relative（外边距合并情况，仅当父元素与子元素都是默认定位(relative)，或指定为relative，且父元素合并边没有border时才会发生）
绝对定位：absolute（1、所有父类元素都没指定position时，相对于body绝对定位。2、父类中有指定position的元素时，相对于从下往上遍历的第一个指定了position的父类元素绝对定位。）
网页设计中采用div+css布局，这里的DIV是什么意思？DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。
DIV在程式设计中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文件内大块（block-level）的内容提供结构和背景的元素。
div+css-div+css是什么-div+css布局-请问div+css是什么意思Div标签+CSS（层叠样式表）是网站标准中的常用术语之一，通常为了说明与Html网页设计语言中的表格（Table）定位方式的区别，因为XHTML网站设计标准中，不在使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。
使用DIV+CSS设计网站的时候，不得不强调一个利用SEO思想来建设网站的问题。搜寻引擎对网站的排名顺序不是固定的。SEO的思想就是用搜索引擎的理念搭建网站，而不是单一的再网站建设好后，通过技巧和手段来使得网站搜寻引擎所喜欢进而达到好的排名效果。不管是思想指导实践，还是实践填充了思想，都是一个好的开始，我们自己在研究、总结和提升。
搜寻引擎是从上到下搜寻引擎是从上到下，从左到右访问网站资讯的，我们在研究那些大的网站的时候发现，整个网页程式码被很多注释所包围，这些注释有两个好处：一是便于技术员对整个程式码的调节；二是便于SEO人了解关键内容的位置，便于调整。
网页设计里的，、css、div是什么意思？就是做网页页面的标签语言
css是控制显示样式的
div是层
psd格式的模板需要用Photoshop开启
====================================
PSD模板就整个页面布局和样式的设计原稿,需要切片才能应用到网页上去
怎么用div+CSS布局网页就是制作网页，分块制作把没部分用div装着，然后用css才设定样式和位置。这个你最好买本书好好的学习下真的自己学下，自己去写写很好的。我给你推荐一本书吧 《div css 网页样式与布局》 有什么问题就找我把 加我 百度hi
怎么使用DIV+CSS布局网页CSS基本布局16例
:w3./article/layout/2004/55.
自己找一下教程吧。
介绍几个网站你
:w3.
:68design.
:blueidea./
DIV+CSS网页设计布局我不懂，求请教
总结个人的经验，有以下几点，希望对你有帮助：
1、个人认为新手看书是比较好的，书中的知识比较系统，推荐你看《+css网页设计与布局从入门到精通》，lz或许有更好的书那是更好的；（边看边练--书中例子）
2、在基础的元素和样式掌握好了，自己就可以尝试着去设计编写简单的网页；（多练）
3、从简单--复杂页面设计过渡，后不断加强自己的编写设计技巧，多阅览这方面的资料；
总之这入门比较简单，关键是要多实践，要掌握的精通也就一个时间的问题（肯学）。在掌握这门语言时，希望lz能够多加注意增加和减少一个画素的区别，尽量做到细节处；
网页设计中DIV是什么意思？DIV在程式设计中又叫做整除，即只得商的整数。 DIV元素是用来为HTML文件内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制
网页设计采用div+css有什么好处采用Div+CSS设计布局网站具有以下的优点:
第一、大大缩减页面程式码。
因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css档案通常是共用的，从而提高页面浏览速度。而Table表格布局中，垃圾程式码会很多，一些修饰的样式及布局的程式码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
第二、对搜寻引擎更加友好同时获得更好的网站排名
DIV+CSS布局简洁清晰，具备搜寻引擎SEO的先天条件。对搜寻引擎更加友好，更容易被搜寻引擎收录，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
DIV+CSS布局不公方便搜寻引擎收录，而且还可以并获得搜寻引擎更高的评价。用只包含结构化内容的HTML代替巢状的标签，主次分明，搜寻引擎将更有效地搜寻到你的内容，并可能给你一个较高的评价(ranking)。
第三、相容性卓越
DIV+CSS布局符合web标准规范，几乎所有的浏览器上都可以使用，不会因为在不同的浏览器中显示效果差距很大。
第四、缩短网站改版时间
因为网站的布局都是通过外部的css档案来控制，只要简单的修改几个CSS档案就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS档案进行控制，只要修改这个CSS档案中相应的行，那么整个站点的所有页面都会随之发生变动。
第五、强大的控制和排版布局能力
CSS在控制字型的能力比糟糕的FONT标签好太多了，CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字型颜色、字型样式等等。
第六、提高易用性
使用CSS可以结构化HTML，例如：p标签只用来控制段落，h1-h6标签只用来控制标题，table标签只用来表现格式化的资料等等。你可以增加更多的使用者而不需要建立独立的版本。
第七、扩充套件效能优越
你的设计不仅仅用于web浏览器，也可以释出在其他装置上，比如PowerPoint，手机浏览器等。
第八、灵活的页面布局
通常页面的下载是按照程式码的排列顺序，而表格布局程式码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变程式码的排列顺序，比如将重要的右边内容先加载出来。
Table表格布局灵活性不大，你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......
第九、表现和内容相分离
干净利落，将设计部分剥离出来放在一个独立样式档案中，而网页主要来放置您的内容，你可以减少未来网页无效的可能。
1、程式码简洁、清楚些，便于检视、修改
2、网页载入时区域性性展现内容更快，不像table那样要么没出来，要么突然内容全出来了
3、符合WEB标签的结构分离，便于以后维护、换肤等
