文字排版
1.通栏排版:将段落文字放置于p或其他对象中,在对段落文字间距、行距、字号等样式控制。
2.分栏排版:
图文混合排版
不规则文字环绕:使用多个div来完成不规则图形。
全图排版
<style type="text/css">
#layout div{border:1px solid
#aaa;margin:3px;float:left;padding:2px;width:126px;text-align:center;height:126px;overflow:hidden;}
h2,h3{font-size:11px;font-family:arial;margin:0px;padding:0px;}
h3{font-weight:normal;color:#777;}
</style>
<body>
<div id="layout">
<div>
<img src="images/medium(1).jpg" width="100" height="69" />
<h2>Title:ldld</h2>
<h3>Date:2009-2-15</h3>
</div>
<div>
<img src="images/medium(1).jpg" width="100" height="69" />
<h2>Title:ldld</h2>
<h3>Date:2009-2-15</h3>
</div>
<div>
<img src="images/medium(1).jpg" width="100" height="69" />
<h2>Title:ldld</h2>
<h3>Date:2009-2-15</h3>
</div>
</div>
</body>
表格排版
表格标签
caption:定义表格名称
tbody:定义表格内容区,如果一个表格由多个内容区构成,可以使用多个tbody组合
thead:定义表头
tfoot:定义表格页脚
th:定义表头的单元格
分享到:
相关推荐
css排版技巧 表格已死 css才是王道 一步步教您css的排版技巧
css学习关于中文排版的一些方法
是用CSS做一个简单的排版,对初学者可能会有些帮助吧~~
XHTML 40个例子显示的内容一样,通过CSS实现不一样的布局效果, 是学习div + css排版的绝佳教程.body标签内的内容如下: <div id="header"><h1>Header</h1></div> <p><strong>1) Content here.</strong> column ...
自动更新的DIV+CSS排版电影小偷.rar
TipografTipograf 是一款轻量级的纯 CSS 字体排版库。特点完全使用相对单位来编写可调式轻量(gzip 压缩时只有680字节) 标签:Tipograf CSS框架
这些都是我自己在平时的学习当中整理的关于css排版的几点心得,对初学者有很大的帮助
css的各种背景,表单,排版,菜单,其他元素和图片处理的样式。
现在越来越多的网站开始用DIV+CSS排版网页
英文怎么排版整齐,通过CSS中的供码实现英文整齐排列,非常使用。
是初学阶段学员的良好教程, 相信看后受益匪浅! 里面详细讲解了各种图像与文字的混合排版方式。
IE6浏览器兼容问题总结及CSS排版注意地方 列举IE6中10个不得不注意的问题 重构你的代码
DivCSS网站布局视频教程第11课 使用CSS页面排版
网页制作中比较简单排版的CSS文件,出来呈现的效果是分栏,还有文字的。
这是一款使用jQuery和css3制作的文字排版动画效果插件。该文字排版插件中共包含了7种效果:文字淡入淡出、文字烟雾效果、文字渐变效果、文字运动效果等等。
CSS实现的网页中文字排版的几种方式,希望对大家有帮助
css|排版|美工 提供免费资源,供求各大朋友下载,学习