CSS 布局的 3 种机制分别是普通流(标准流)、浮动和定位。

(1) 块级元素会独占一行,从上向下顺序排列;
(2) 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行;
让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。
将盒子定在浏览器的某一个位置——CSS 离不开定位,特别是后面的 js 特效。
1、新建一个html文件,命名为test.html,用于讲解html+css怎么在图片上添加文字。
方法/步骤首先我们找到桌面的Dreamweaver执行文件新建的命令,快捷键是CTRL+n创建一个空白的HTML然后找上面的窗口,我们点击下拉菜单我们点击工作区布局里面好多布局,我么恢复到经典的我们在这个地方也设置我们的工作布局
表格布局与框架布局其实差不多,可以放在一块说。
优点:浏览器解析比较准确,一般不会出现错误;
缺点:不够灵活,且样式单一,难维护
优点:布局灵活,能够实现样式与结构的完全分离,易于维护,能够有更多的创意;
缺点:各个浏览器在解析上存在一定的区别,需要针对不同浏览器进行专门的代码优化。
随着网页技术的发展,表格布局基本已经被淘汰,主流的是Div+Css的技术。
对div设置一个float浮动属性即可解决不并排显示,只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
加float浮动实现多个div并排显示。
这里对div通设一个浮动,当然实际使用时候,要通排显示div对象的加入css类,就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
加入display:inline即可解决实现同行并排显示div盒子对象。