图文混排是制作精美页面所必须面临的技术难点，通过将适当的图像与文字有效地排列组合在一起，可以大大丰富版面内容，在很大程度上提高版面的审美性。纵观富有说明力与艺术性的出版物，基萑本上都采用图文混排的页面编排方式。
在传统布局嘲用表格的强大功能实现各种图文混排效果，但在标准网页下，用CSS实现图文混排更具表现力
图文混排的结构没有旨统一的标准，一般做法是把图像和文本信息同时封装在一个容器元素内，再根据图文混排结构的复杂程度分别嵌入其他布局元素或修饰元素。
在图文混排中，如何恰当地处理图片和文本信息的显示比例？回答这个问题可能比较复杂，不同风格的网站；设计师的情趣都决定了图文所占比例和大小。一般来说娱乐性网站图片的显示比重会大于文本信息的显示大小，而对于新闻性或专业技术性网站，文本信息的重要性要超过图片的分量。
通过用CSS控制img元素可以实现常见的图文环绕效果。可以使图像向右浮动，只需要定义float:right;。通过定义边界属性实现图像与文本之间，的空隙。孤立的图文混排在实际排版中应用得比较少，这时图像仅作为插画或点缀。有时我们需要把图像也作为网页信息传递的重要部分或链接载体，此时需要为图附加一些说明信息。
为了使图像及其说明文字显示为整体，一般用diV元素把文字封装在一起，通过对div的控制实现整体的版式控制。文字混排原理都是建立在浮动定位基础之上的，对于大段文字来说，不适合对其进行浮动定位，而图像或dlV 对象作为一个独立的块状结构，可以很容易地进行控制，函数与图像的定位后，图文混排就变得简单。
text-transform属性可以设置文本行中字母大小写，所有浏览器都支持该属性，但对于汉字没有影响。取值包括：‘tV‘●capitalize：将每个单词的第一个字母转换成大写，其余无砖●uppercase：将字母琴转换成大写，lowercase：将字母转换成小写‘l真L注意，不同浏览器对于单词首字母的解释方式不同。例如，headi吩叫e可以有两种方式显示：Heading-one或Heading-One，CSS没有明确规定，因此各大浏览器可以自行决定。天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收，天津网站制作