1)文字排版时常用属性:
参考十个文字排版技巧:http://www.3point7designs.com/blog/2008/06/02/10-examples-of-beautiful-css-typography-and-how-they-did-it/
Small headline 小标题:
font-family: Gill Sans, Verdana;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
Large Headline 大标题:
font-family: times, Times New Roman, times-roman, georgia, serif;
color: #444;
margin: 0;
padding: 0px 0px 6px 0px;
font-size: 51px;
line-height: 44px;
letter-spacing: -2px;
font-weight: bold;
DATE 日期:
font-family: Georgia,"Times New Roman",serif;
font-size: 10px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 2px;
NUMBER 数字:
font-family:georgia, serif;
color:#3B200F;
font-size:16px;
font-weight:bold;
line-height:125%;
text-align:center;
2)文本的尺寸设置:
.bodytext p {
font-size:14px;
}
.sidenote {
font-size:12px;
}
.bodytext p {
font-size:0.875em; /* 16x.875=14 */
}
.sidenote {
font-size:0.75em; /* 16x0.75=12 */
}
body {
font-size:100%;
}
.bodytext p {
font-size:0.875em;
}
.sidenote {
font-size:0.75em;
}
body {
font-size:100%;
line-height:18px;
}
.bodytext p {
font-size:0.875em;
}
.sidenote {
font-size:0.75em;
}
<style type="text/css">
body {
font-size:100%;
line-height:1.125em;
}
.bodytext p {
font-size:0.875em;
}
.sidenote {
font-size:0.75em;
}
</style>
<!--[if !IE]>-->
<style type="text/css">
body {
font-size:16px;
}
</style>
<!--<[endif]-->
3、文字垂直方向居中结合使用下面的所有属性:
.middle{
height: 4em;
line-height: 4em;
overflow: hidden;
padding-top: 24px;
padding-bottom: 24px;
}
4、细线表格:
<table style="border-collapse:collapse;" border="1" bordercolor="#CC3333">
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>
or
<table cellpadding="0" cellspacing="1" bgcolor="#0066CC">
<tr>
<td bgcolor="#FFFFFF">test</td>
<td bgcolor="#FFFFFF">test</td>
<td bgcolor="#FFFFFF">test</td>
<td bgcolor="#FFFFFF">test</td>
</tr>
</table>
or
使用ul,li
http://www.b3inside.com/DEMO/tableFrame/table_style_with_ul.html
分享到:
相关推荐
css技巧
css技巧12列css技巧12列css技巧12列css技巧12列
css-protips, 帮助你掌握CSS技巧的技巧集合 CSS Protips 帮助你掌握CSS技巧的技巧集合。对于其他优秀列表,请查看 @sindresorhus curated curated列表awesome列表。 table-内容Protips支持插件翻译工具
25个高级CSS技巧教程 有的可能就是你在找的
css技巧描述文档
CSS2中文手册.chm CSS 速成手册.chm css技巧.chm css课件.chm
DIV+CSS技巧知识,常见导航,图片,表单等效果的示例
CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...).pdf
常见的CSS技巧及常见问题,很全面,是从事这一块的人一个很好的学习资料,教你如何解决学习,工作中常碰到的问题.
20个初学者实用的CSS技巧,让初学者的你更快的实用和了解
本文描述了一些div技巧css技巧,希望对学习这方面知识的朋友有帮助!
10个你未必知道的CSS技巧 很有用
title: 「css技巧」使用hover和attr()定制悬浮提示- 页面「css技巧」使用hover和attr()定制悬浮提示-demoSee the Pe
很多不错的html+css的技巧,可以拿去学习下。
03-00-CSS布局入门 04-01-多级下拉导航 04-01-横向导航系统_CSS布局 04-01-横向导航传统表格HTML代码 04-02-背景高级控制 05-00-排版 06-00-高级技巧 07-00-浏览器兼容
收集的一些CSS小技巧,希望能帮助到你,如果你感觉有用,也请你收藏与分享给你的小伙伴们。
css中文手册+取色器+配色表+04系列字体+CSS的超级技巧 网页设计必备
css 兼容性 技巧 比较全面 对于一些对浏览器细节或者兼容不是很清晰的可以下载来看看.
div+css 主流开发 前台页面布局设计