常用排版格式应用css汇总

《常用排版格式应用css汇总》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、常用排版格式应用CSS—外联css样式内联css样式链接到“地址”全视窗显示—插入图片list-style-type:none;—去除表单符号line-height:200%;/**行高**/display:block;/**内联变区块**/dis

2、play:inline;/*区块变成内联*/background:#fffurl(../images/bg1.jpg)no-repeatleftbottom;}/**加入背景色插入背景图片只重复一次居左居底**/margin:0auto;/**居中自适应**/float:left;/***区块左漂移*/clear:both;/**清除浮动**/margin-left:10px;/*离左边的就距离为10px*/text-align:center;/**文档排列居中**/text-decoration:none;/**文本无装饰**/text-inden

3、t:28px;/*首行缩进*/text-decoration:none;/**超链接不要下划线**/#contentsullia:hover{/*鼠标经过的颜色*/position:relative;/**相对定位参考点(以左上角)**/position:absolute;/**设置相对（绝对）定位**/border-collapse:collapse;/***表格显示单格线*//**定义行元素**//**列元素标签**/**定义列元素**/

4、="text/javascript"src="images/SpryTabbedPanels.js">调用动态样式表式样调用动态样式表式样letter-spacing:1px;/**文档间距**/overflow:auto;/**滚动条自动**/font-stype:/**字体设置**/cursor:polnter;/**手型**/text-indent:10px;/**文档前留空**/如果添加了Flash可以设置背景为透明的代码：

5、position:relative;/**在父类设置基准点**/position:absolute;/**设定与基准点相对浮动**/text-indent:数值px;缩进9注意事项:一律小写;尽量用英文；不加中杠和下划线尽量不缩写，除非一看就明白的单词主要的CSS样式表命名规则master.css模块columns.css文字module.css基本共用font.css表单base.css布局，版面forms.css补丁layout.css主题mend.css打印themes

6、.css专栏print.css一、区块的命名头header标志logo内容content/container广告banner尾footer页面主体main导航nav热点hot侧栏sidebar新闻news栏目column下载download登录条loginbar子导航subnav投票：vote合作伙伴：partner注册：regsiter状态：status服务：service指南：guild栏目标题：title加入：joinus小技巧：tips提示信息：msg文章列表：list标签页：tab滚动：scroll内容：content菜单：menu子菜单：

7、submenu版权：copyright页脚：footer友情链接：friendlink搜索：search页面外围控制整体布局宽度：wrapper　　左右中：leftrightcenter　　(二)注释的写法:(a)id的命名:(1)页面结构容器:container页尾：footer页头：header导航：nav内容：content/container侧栏：sidebar页面主体：main栏目：column(2)导航导航：nav摘要:summary主导航：mainbav标题:title子导航：subnav子菜单：submenu9顶导航：topnav菜单

8、：menu边导航：sidebar右导航：rightsidebar左导航：leftsidebar(3)功能标志