css布局口诀？
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。
八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。
九、IE浮动双边距，请用display：inline拘。
十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
图片怎么对齐排版？
在排版中对齐和布局图片有几种常见的方式，具体取决于你使用的排版工具和需求。以下是一些常见的方法：
1.使用HTML和CSS：如果你在网页上进行排版，可以使用HTML和CSS来对齐和布局图片。通过设置CSS属性，如float、display和position，可以控制图片的位置和大小。
2.使用排版软件：如果你使用排版软件（如Adobe InDesign、Microsoft Word等），可以使用软件提供的布局工具来对齐和排列图片。这些软件通常提供了图像框架和对齐选项，使你可以轻松地调整图片的位置和大小。
3.使用图像编辑软件：如果你想在图片上添加文本或其他元素，并进行更复杂的排版，可以使用图像编辑软件（如Adobe Photoshop、GIMP等）。这些软件提供了丰富的工具和功能，可以帮助你实现各种排版效果。
4.使用CSS网格布局或Flexbox：如果你使用CSS进行网页布局，可以使用CSS网格布局或Flexbox来对齐和布局图片。这些布局技术提供了灵活的方式来创建响应式的网页布局，并控制图片在网格或弹性容器中的位置和大小。
无论你选择哪种方法，重要的是要考虑到排版的整体效果和用户体验。确保图片对齐和布局与文本内容相协调，并在不同设备上呈现良好。
图片对齐排版可以使用以下两种方法：
1. 使用表格：在需要插入图片的位置先插入一个表格，然后选中表格，打开表格编辑工具，点击【自动调整】中的【固定列宽】。设置好后就可以往表格里面的单元格插入图片了，选中表格，打开表格工具，切换到【设计】-【边框样式】-【无框线】，将表格的边框隐藏，这样多张图片排版就比较美观了。
2. 使用形状：在需要排版的图片上用鼠标拖拽一个框，调整框的大小和位置，然后右键选择【大小和位置】，在【大小】中取消【锁定纵横比】，设置合适的高度和宽度就完成了。
css在网页布局中起到哪些作用？
1、主要用来设计网页的样式，美化网页；2、能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式；3、对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。