各大流行门户css全局样式

* 将具有默认margin和padding的标记置零

* @overlay *

* @desc 所有标记的margin、padding都在使用时具体定义

*/

*{margin:0;padding:0;}

/*

* 修正IE5.x和IE6的斜体溢出bug

* @bugfix

* @css-for IE 5.x/Win, IE6

*/

* html body{

overflow: visible;

}

* html iframe, * html frame{

overflow: auto;

}

* html frameset{

overflow: hidden;

}

/* @group 常用标签https://www.sodocs.net/doc/0e5997574.html,*/

/*

* 基本标签默认样式取消

* @overlay HTML标签

* @desc 取消基本标签默认样式,防止不同浏览器显示效果不同

* @Prop text-align:center; 解决不同浏览器剧中问题

*/

body{color:#000;background:#fff;font:12px/22px Verdana,Arial,sans-serif,"Times New Roman",宋体;text-align:center;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}

input,select{font-size:12px;vertical-align:middle;}

/*

* 设置内容左对齐

* @overlay div

* @desc 恢复因BODY设置剧中产生的继承

*/

body div{text-align:left;}

/*

* 标签属性

* @overlay textarea,input

* @desc 强制输入时内容超出时换行

*/

textarea,input{ word-wrap:break-word;word-break:break-all;padding:0px;} /*

* 清除ul列表标记的样式

* @overlay li

* @desc ul列表更多的用在不需要列表前置符号的样式里

*/

li{list-style-type:none;}

/*

* 定义图片边框

* @overlay img

* @desc 当图片作为链接内容被填充时，会有默认边框出现，重定义掉*/

img{border:0 none;}

/*

* 定义默认的链接样式

* @overlay a

* @desc 仅仅是作为默认样式提供，可以在各自的实例中覆盖掉

*/

a:link, a:visited{

color:#000;

text-decoration: none;

}

a:hover{

color:#F60;

text-decoration: underline;

}

/* 去掉链接的虚线框*/

/* a {outline: none; a {star:expression(this.onFocus=this.blur()); */

/*

* 定义H系列标签

* @overlay HN

* @desc 覆盖H系列标签默认属性

*/

h1{ font-size:24px;}

h2{ font-size:20px;}

h3{ font-size:18px;}

h4{ font-size:16px;}

h5{ font-size:14px;}

h6{ font-size:12px;}

/* @end */

/* @group 通用属性定义*/

/* 鼠标样式*/

.pointer{cursor:pointer;}

/* 取消边框*/

.NoBorder{border:0 none;}

/* 文本对齐方式*/

.t-l{text-align:left;}

.t-c{text-align:center;}

.t-r{text-align:right;}

/*

* 字母和单词换行设置

* @class Break 强制内容换行

* @class Nobreak 强制内容不换行

*/

.Break{word-break:break-all;word-wrap:break-word;}

.Nobreak{word-break:keep-all;word-wrap:normal;}

/* 浮动定义*/

.FL{float:left;}

.FR{float:right;}

/* 定义文本下划线*/

.UnLine{text-decoration:underline;}

.DisunLine{text-decoration:none;}

/* 定位关系*/

.absolute{position:absolute;}

.relative{position:relative;}

/* 下划点虚线*/

/*

.dotLine{ background:url(../image/dot01.gif) repeat-x left bottom;}

*/

/* ul列表

.ul-fl li{

float:left; height:23px; line-height:23px; padding-left:20px;

}

.ul-fl-d li{

float:left; height:23px; line-height:23px; background:url(../images/dot/dot3-3.jpg) no-repeat 8px 10px; padding-left:20px;

}

.ul-no-f li{

height:23px; width:100%; overflow:hidden; line-height:23px; background:url(../images/dot/dot3-3.jpg) no-repeat 8px 10px; padding-left:20px;

}

*/

/* @end */

/* 通用容器*/

.wrapper{

clear: both;

overflow: hidden;

}

/* @group 隐藏元素*/

/*

* 隐藏元素

* @class o-hidden

* @desc 当元素内容内容超出元素height 或width 时，隐藏之

*/

.o-hidden{overflow:hidden;}

/*

* 隐藏元素

* @class invisible

* @desc visibility可以隐藏元素，但是还是会在布局中占位

*/

.invisible{

visibility:hidden;

}

/*

* 从页面布局上隐藏元素

* @class hidden

* @desc 从布局上隐藏元素

*/

.hidden{

display: none;

}

.block {display:block;}

/* @end */

/*

* 清理元素

* @class clear

* @desc 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */

.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

/* 常用样式定义*/

/*

* 边框定义

* @Pro 由大写B开头,表示系统公用边框样式

* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展

*/

.BTW{ border-top-width:1px;}

.BRW{ border-right-width:1px;}

.BLW{ border-left-width:1px;}

.BBW{ border:0px; border-bottom-width:1px;}

.Bord1{border:1px solid #999;}

.Bord2{border:2px solid #999;}

/* 边框宽度(BW开头) */

.BW1{ border-width:1px;}

.BW2{ border-width:2px;}

.BW3{ border-width:3px;}

.BW4{ border-width:4px;}

.BW5{ border-width:5px;}

/* 边框样式(Bs开头) */

.BsS{ border-style:solid;}

.BsD{ border-style:dotted;}

/* 边框颜色(Bc开头) */

.BcBlue{ border-color: #0000FF;}

.BcBlack{ border-color: #000;}

/* 下划线*/

.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}

/*.BotDotLine{ background: url(../image/dot01.gif) repeat-x left bottom;}*/

.BotDotLine01{ width:95%; margin:0 auto; background: url(../image/dot01.gif) repeat-x; height:1px; line-height:1px; overflow:hidden;}

/*.BotDasLine{ border-bottom:1px dashed #CFCFCF; overflow:hidden; height:1px; line-height:1px;}*/

/*.border-r-dot{ background:url(../image/dot02.gif) repeat-y right top;}*/

/*

* 宽度定义

* @Pro 由小写C开头,表示color

* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展*/

.W1024,.W786,.W975,.W972{width:968px;margin:0 auto;}

.W1024{width:1024px;}

.W786{width:786px;}

.W975{width:975px;}

.W972{width:972px;}

/*

* 颜色功能定义

* @Pro 由小写C开头,表示color

* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展*/

.cRed{color: #F00;}

.cWhite{color: #FFF;}

.cGreen{color:#0F0;}

.cGray{color: #666;}

.cBlue{ color: #00F;}

.cblack{ color:#000;}

/* 定义某个项目常用颜色*/

.c001{color:#663;}

/*

* 定义字体样式

* @Pro 由大写字母F开头,表示FONT

* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展*/

/* 字体样式*/

.FB{font-weight:bold;}

.FN{ font-weight:normal;}

.FI{font-style:italic;}

/* 字体大小*/

.F10{font-size:10px;}

.F11{font-size:11px;}

.F12{font-size:12px;}

.F13{font-size:13px;}

.F14{font-size:14px;}

.F16{font-size:16px;}

.F18{font-size:18px;}

/*

* 定义间距,上下2个DIV间距

* @Pro 使用DIVH开头.

* @desc 上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG,

* 使用下面属性可兼容大多浏览器.

*/

.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{width:100%;overflow: hidden;}

.DivH1{ height:1px;}

.DivH5{height:5px;}

.DivH10{height:10px;}

.DivH15{height:15px;}

.DivH20{height:20px;}

.DivH25{height:25px;}

.DivH30{height:30px;}

.DivH40{height:40px;}

/*

* 定义行高

* @class LH

* @desc 使用较少,主要定义line-height属性

*/

.LH1{ line-height:1px; }

.LH10{ line-height:10px; }

.LH15{ line-height:15px; }

.LH18{ line-height:18px; }

.LH20{ line-height:20px; }

.LH25{ line-height:25px;}

.LH30{ line-height:30px;}

.LH35{ line-height:35px;}

/*

* 标题样式定义

* @Pro PTit

* @desc 在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中.

*/

.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;} .PTit30{line-height:30px;height:30px;}

.PTit25{line-height:25px;height:25px;}

.PTit22{line-height:22px;height:22px;}

.PTit20{line-height:20px;height:20px;}

.PTit18{line-height:18px;height:18px;}

.PTit15{line-height:15px;height:15px;}

.PTit10{line-height:10px;height:10px;}

.PTit1{line-height:1px;height:1px;}

/*

* MORE更多样式设计

* @Pro MORE

* @desc 显示在右侧更多/MORE样式,可根据需求扩展

*/

.More{text-align:right;position:absolute; top:0; right:3px;}

.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }

.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}

/*

* 普通列表样式定义

* @desc 文章列表样

* @use 一般列表使用,ul li列表

*/

.ArtList,.ArtList25,.ArtList22,.ArtList24{ width:100%; overflow:hidden; margin:0 auto;} .ArtList li{ width:100%; height:20px; line-height:20px; overflow:hidden;}

.ArtList25 li{ width:100%; height:25px; line-height:25px; overflow:hidden;}

.ArtList24 li{ width:100%; height:24px; line-height:24px; overflow:hidden;}

.ArtList22 li{ width:100%; height:22px; line-height:22px; overflow:hidden;}

/* @end */

/* 备注*/

/*在终极页面中调用该通用样式时,应该注意显示效果的不同,因为后台上传信息时编辑器里面样式并没有调用本默认样式表.

*

*所以在编辑器中标签会有默认的属性,用户在添加信息时,这些信息都是附带默认样式的. *如果用我们在终极页面也调用本默认CSS文件的话,许多标签如:p,td,li......标签默认样式都被取消,因此显示效不同.

*

*解决办法:

* 在终极页面显示内容区域还原这些标签的默认属性.

*

*/

/*

ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:auto; padding:inherit;}

input,select{ font-size:inherit;}

img{border: inherit;}

ul,li{margin:auto; padding:inherit;} li{

list-style-type:disc;

}

*/

CSS样式(规则)定义对话框中英文对照要点

CSS样式（规则）定义对话框中英文对照 一、【类型】 1、font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 值描述

normal 默认值。浏览器会显示一个标准的字体。 small-caps 浏览器会显示小型大写字母的字体。 inherit 规定应该从父元素继承font-variant 属性的值。 2、text-transform 设置文本的大小写，只对英文字母有效。 值描述 none 无转换发生 capitalize 将每个单词的第一个字母转换成大写，其余无转换发生uppercase 转换成大写 lowercase 转换成小写 3、text-decoration 属性对文本进行修饰。 值描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承text-decoration 属性的值。 二、【背景】

1、background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。 值描述 scroll 默认值。背景图像会随着页面其余部分的滚动而移动。 fixed 当页面的其余部分滚动时，背景图像不会移动。 inherit 规定应该从父元素继承background-attachment 属性的设置。

三、【区块】 1、word-spacing属性，控制单词间的间隔。所谓单词，就是用空格分开的字符串，允许指定负长度值，这会让字之间挤得更紧。 值描述 normal 默认。定义单词间的标准空间。

CSS样式(规则)定义对话框中英文对照

CSS样式（规则）定义对话框中英文对照 □ llirkCE) 3 “it 电? 科助咗］ 1、font-variant属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 值描述 no rmal 默认值。浏览器会显示一个标准的字体。 small-caps 浏览器会显示小型大写字母的字体。 in herit 规定应该从父元素继承font-variant属性的值。 2、text-transform 设置文本的大小写，只对英文字母有效。 、【类 型】 类型 Font-faaily ff): Tax (-dacontiinQl): □uidwlint (V) '~~I cverline (0)

3text-decoration 、【背景】

1、background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。 三、【区块】 廿类区块 f ard"spftEin((gj：Le t ter-?p:a:: i n* E)：Ver ti c al - aQ i an Gf): S (J):: Text-inient(X)； tfhi te_space (Jf) 1 | D L Eftlay(2.): 科助咗]

、letter-spacing 属性，与Word-spacing 相似，不过它控制的是单个字符之间的间隔，而 不是单词间。 3、vertical-align属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

css样式大全(整理版)

css样式大全(整理版） 字体属性：(font) 大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高{line-height: normal;}(正常) 单位：PX、PD、EM 粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体{font-variant: small-caps;}(小型大写字母) normal;(正常) 大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩{background-color: #FFFFFF;} 图片{background-image: url();} 重复{background-repeat: no-repeat;} 滚动{background-attachment: fixed;}(固定) scroll;(滚动) 位置{background-position: left;}(水平) top(垂直); 简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现，要认真的研究*/ 区块属性：(Block) /*这个属性第一次认识，要多多研究*/ 字间距{letter-spacing: normal;} 数值/*这个属性似乎有用，多实践下*/ 对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进{text-indent: 数值px;} 垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值

史上最全!css命名规范(英文命名)

史上最全！css 命名规范（英文命名）一．文件命名规范 [b] 样式文件命名[/b] [quote] 主要的master.css 布局，版面layout.css 专栏columns.css 文字font.css 打印样式print.css 主题themes.css [/quote] [b]CSS ID 的命名[/b] [quote] 页头：header 登录条：loginbar 标志logo 侧栏sidebar 广告banner 导航nav 子导航：subnav 菜单menu 子菜单：submenu 搜索search 滚动scroll 页面主体：main 内容content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入joinus 指南guild 服务service 热点八、、hot 新闻news 下载download 注册regsiter 状态status 按钮btn 投票vote 合作伙伴：partner 友情链接：friendlink 页脚footer 版权copyright

wrap mainnav subnav footer content header footer label title mainbav ( globalnav ) topnav sidebar leftsidebar rightsidebar logo banner menu1content menucontainer submenu sidebarIcon 注释： note 面包屑： breadcrumb （ 即页面所处位置导航提示） 容器： 内容： 搜索： 登陆： 功能区： container content search Login shop( 如购物车，收银台 ) 当前的 current[/quote] [b] 网站常用中英文对照表 [/b] [quote] 网站导航 Site Map 公司简介 Profile or Company Profile or Company 公司设备 Equipment Equipment 公司荣誉 Glories Glories 企业文化 Culture Culture 产品展示 Product Product 资质认证 Quality Certification 企业规模 Scale Scale 营销网络 Sales Network 组织机构 organization organization 合作加盟 Join In Cooperation 技术力量 Technology Technology 经理致辞 Manager's oration 发展历程 Development History 外 套： 主导 航： 子导航： 页 脚： 整个 页面： 页 眉： 页 脚： 商 标： 标 题： 主导航： 顶导航： 边导航： 左导航： 右导航： 旗 志： 标 语： 菜单内容 1： 菜单容量： 子菜单： 边导航图标：

css样式大全(精华版)

字体属性：(font) 大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高{line-height: normal;}(正常) 单位：PX、PD、EM 粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体{font-variant: small-caps;}(小型大写字母) normal;(正常) 大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩{background-color: #FFFFFF;} 图片{background-image: url();} 重复{background-repeat: no-repeat;} 滚动{background-attachment: fixed;}(固定) scroll;(滚动) 位置{background-position: left;}(水平) top(垂直); 简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现，要认真的研究*/ 区块属性：(Block) /*这个属性第一次认识，要多多研究*/ 字间距{letter-spacing: normal;} 数值/*这个属性似乎有用，多实践下*/ 对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进{text-indent: 数值px;} 垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行)

CSS_2.1手册中英文对照版

CSS2.0用户手册中英文对照版 ——该手册基于CSS 2.1规范 为了更好的了解网页浏览器是如何通过CSS显示页面，请查阅【盒模型】这篇文章。当中有“注：”的是翻译者做的注释。 必须知道的清单 1.margin 2.padding 3.border 4.background-color 5.color 6.font-family 7.font-size 8.float 完整列表 1.azimuth 使得用户能感知一个声音的特定水平方向（注：有可能和elevation结合使用，为视力障碍的人准备的）。 2.background 设定background-color, background-image, background-repeat, background-attachment 和background-position的缩写。 a)background-attachment 设置在浏览器窗口中的背景图片是滚动还是固定的 b)background-color 设置一个元素的背景色 c)background-image 设置一个元素的背景图片 d)background-position 设置背景图片初始位置 e)background-repeat 设置背景图片是否重复，以及怎样重复 3.border 设置border-width, border-style 和所有四个边框的border-color的缩写。 a)border-bottom 设置border-bottom-width, border-bottom-style 和 border-bottom-color的缩写。 i.border-bottom-color 设置元素下边框的颜色 ii.border-bottom-style 设置元素下边框的线条样式 iii.border-bottom-width 设置元素下边框的宽度 b)border-collapse 设置表格单元格是拥有各自的边框，还是共用一个边框 c)border-color 设置元素四个边框的颜色

CSS属性大全完整版

CSS属性大全完整版 字体属性：(font) 大小 font-size: x-large; (特大) xx-small; (极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique; (偏斜体) italic; (斜体) normal; (正常) 行高 line-height: normal; (正常) 单位：PX、PD、EM 粗细 font-weight: bold; (粗体) lighter; (细体) normal; (正常) 变体 font-variant: small-caps; (小型大写字母) normal; (正常) 大小写 text-transform: capitalize; (首字母大写) uppercase; (大写) lowercase; (小写) none; (无) 修饰 text-decoration: underline; (下划线) overline; (上划线) line-through; (删除线) blink; (闪烁) 常用字体

font-family: "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩 background-color: #FFFFFF; 图片 background-image: url(); 重复 background-repeat: no-repeat; 滚动 background-attachment: fixed; (固定) scroll; (滚动) 位置 background-position: Left (水平) top (垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距 letter-spacing: normal; 数值 对齐 text-align: justify; (两端对齐) left; (左对齐) right; (右对齐) center; (居中) 缩进

CSS样式(规则)定义对话框中英文对照

C S S样式(规则)定义对 话框中英文对照 -CAL-FENGHAI-(2020YEAR-YICAI)_JINGBIAN

CSS样式（规则）定义对话框中英文对照 一、【类型】 1、font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 值描述 normal默认值。浏览器会显示一个标准的字体。 small-caps浏览器会显示小型大写字母的字体。 inherit规定应该从父元素继承 font-variant 属性的值。

2、text-transform 设置文本的大小写，只对英文字母有效。 值描述 none 无转换发生 capitalize 将每个单词的第一个字母转换成大写，其余无转换发生uppercase 转换成大写 lowercase 转换成小写 3、text-decoration 属性对文本进行修饰。 值描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-decoration 属性的值。 二、【背景】

1、background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。 值描述 scroll 默认值。背景图像会随着页面其余部分的滚动而移动。 fixed 当页面的其余部分滚动时，背景图像不会移动。 inherit 规定应该从父元素继承 background-attachment 属性的设置。 三、【区块】

css样式表ID命名规则

一．文件命名规范[b]样式文件命名[/b] [quote]主要的master.css 布局，版面layout.css 专栏columns.css 文字font.css 打印样式print.css 主题themes.css [/quote] [b]CSS ID 的命名[/b] [quote]页头：header 登录条：loginbar 标志：logo 侧栏：sidebar 广告：banner 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 热点：hot 新闻：news 下载：download 注册：regsiter 状态：status 按钮：btn 投票：vote 合作伙伴：partner 友情链接：friendlink 页脚：footer 版权：copyright 外套：wrap

主导航：mainnav 子导航：subnav 页脚：footer 整个页面：content 页眉：header 页脚：footer 商标：label 标题：title 主导航：mainbav（globalnav） 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 旗志：logo 标语：banner 菜单内容1：menu1content 菜单容量：menucontainer 子菜单：submenu 边导航图标：sidebarIcon 注释：note 面包屑：breadcrumb(即页面所处位置导航提示）容器：container 内容：content 搜索：search 登陆：Login 功能区：shop(如购物车，收银台) 当前的current[/quote] [b]网站常用中英文对照表[/b] [quote]网站导航Site Map 公司简介Profile or Company Profile or Company 公司设备Equipment Equipment 公司荣誉Glories Glories 企业文化Culture Culture 产品展示Product Product 资质认证Quality Certification 企业规模Scale Scale 营销网络Sales Network 组织机构organization organization 合作加盟Join In Cooperation 技术力量Technology Technology 经理致辞Manager`s oration 发展历程Development History 工程案例Engineering Projects 业务范围Business Scope

CSS样式表类型、背景、区块、方框、边框、列表、定位和扩展项

CSS样式表类型、背景、区块、方框、边框、列表、定位 和扩展项 在“CSS规则对话框”中，我们能够通过类型、背景、区块、方框、边框、列表、定位和扩展项的配置，来美化我们的页面，当然啦，我们在定义某个CSS样式的时候，无需对每一个项都进行配置，需要什么效果，选择相应的项进行配置就能够了。 1、文本样式的配置 新建CSS样式, “选择器类型”为类，名称为“style1”定义在“仅对该文档”。保存至站点根目录下的CSS文档夹内，弹出“CSS规则定义”对话框，默认显示的就是对文本进行配置的“类型”项。 字体:能够在下拉菜单种选择相应的字体。 大小:大小就是字号，能够直接填入数字，然后选择单位。 样式:配置文字的外观，包括正常、斜体、偏斜体。 行高:这项配置在网页制作种很常用。配置行高，能够选择“正常”，让电脑自动调整行高，也能够使用数值和单位结合的形式自行配置。需要注意的是，单位应该和文字的单位一致，行高的数值是包括字号数值在内的。例如，文字配置为12pt，假如要创建一倍行距，则行高应该为24pt。 变量:在英文种，大写字母的字号一般比较大，采用“变量”中的“小型大写字母”配置，能够缩小大写字母。 颜色:配置文字的色彩。 2、背景样式的配置 在HTML中，背景只能使用单一的色彩或利用图像水平垂直方向的平铺。使用CSS之后，有了更加灵活的配置。

在CSS规则定义”对话框左侧选择“背景”项，能够在右边区域配置CSS样式的背景格式。 背景颜色:选择固定色作为背景。 背景图像:直接填写背景图像的路径，或单击“浏览”按钮找到背景图像的位置。 重复:在使用图像作为背景的时，能够使用此项配置背景图像的重复方式，包括“不重复”、“重复”、“横向重复”、和“纵向重复“。 附件:选择图像做背景的时候，能够配置图像是否跟随网页一同滚动。(此属性取值:Fixed, Scroll) 水平位置:配置水平方向的位置，能够“左对齐“右对齐”、“居中”。还能够配置数值和单位结合表示位置的方式，比较常用的是像素单位。 垂直位置:能够选择“顶部”、“底部”、“居中”。还能够配置数值和单位结合表示位置的方式。 3、区块样式配置 在CSS规则定义”对话框左侧选择“区块”项，能够在右边区域配置CSS样式的区块格式。 单词间距“英文单词之间的距离，一般选择默认配置。 字母间距:配置英文字母间距，使用正值为增加字母间距，使用负值为减小字母间距。 垂直对齐:配置对象的垂直对齐方式。 文本对齐:配置文本的水平对齐方式。 文字缩进:这是最重要的项目。中文文字的首行缩进就是由他来实现的。首先填入具体的数值，然后选择单位。文字的缩进和字号要保持统一。

CSS 网页样式大全

CSS 网页样式大全 字体属性：(font) 大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高line-height: normal;(正常) 单位：PX、PD、EM 粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体font-variant: small-caps;(小型大写字母) normal;(正常) 大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: no-repeat; 滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距letter-spacing: normal; 数值 对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行) 显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) 方框属性：(Box) width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左 边框属性：(Border) border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; border-width:; 边框宽度 border-color:#; 简写方法border：width style color; 列表属性：(List-style) 类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;

dreamweavercs5css规则面板中英对照及详解

定义文本样式、保存CSS规则后系统将行动打开“CSS规则定义”对话框。 [字体]：选择所需要的字体。 [大小]：定义字体大小。 [样式]：可选择字体的特殊样式，即“正常”、“斜体”或“偏斜体”等。 [行高]：设置文本所在行的高度。也可以输入一个确切的值并选择一种度量单位。[修饰]：在文本中添加下划线、上划线或删除线，或者使文本闪烁。 [粗细]：字体应用特定或相对的粗体量。 [变体]：设置文本的变体方式。 [大小写]：将所选内容中每个单词的首字母大写，或者将文本设置为全部大写或小写。[颜色]：设置文本颜色。

要定义背景样式可在“CSS规则定义”对话框中选择“背景”选项。 [背景颜色]：设置背景颜色。 [背景图像]：设置背景图像。 [重复]：确定是否以及如何重复背景图像。 （不重复）：只在元素开始处显示一次图像。 （重复）：在元素的后面水平和垂直平铺图像。 （横向重复）和（纵向重复）：分别显示图像的水平带区和垂直带区。图像将被剪辑以适合元素的边界。 [附件]：确定背景图像是固定在原始位置还是随内容一起滚动。 [水平位置]和[垂直位置]：指定背景图像相对于元素的初始位置。这可以用于将背景图像与页面中心垂直和水平对齐。如果附件属性为“固定”，位置则相对于“文档”窗口而不是元素。

3.区块样式的定义 使用“CSS规则定义”对话框中的“区块”类别可以定义标签和属性的间距、对齐等设置。[单词间距]：设置单词的间距。在下拉列表中选择“值”选项，然后输入数值可确定单词的间距，此时可在右侧的弹出式菜单中选择度量单位（例如像素、点等）。 [字母间距]：设置字母或字符间的间距。负值（例如-4）表示减小字符间距。字母间距设置可覆盖对齐的文本设置。 [垂直对齐]：指定垂直对齐方式。 [文本对齐]：设置元素中的文本对齐方式。 [文字缩进]：指定第一行文字缩进程度，并可在右侧选择数值单位。也可以使用负值创建凸出，但显示方式则取决于浏览器。 [空格]：确定如何处理元素中的空白。 （正常）：收缩空白。 （保留）：与文本被括在pre标签中一样（即保留所有空白，包括空格、制表符和回车等）。（不换行）：指定仅当遇到br标签时文本才换行。 [显示]：指定是否以及如何显示元素。“无”表示关闭应用此属性的元素的显示

css去掉表格边框

竭诚为您提供优质文档/双击可除 css去掉表格边框 篇一：css设置网页table边框样式 css设置网页table边框样式 1.上边框宽度以下是引用片段： 语法:border-top-width:允许值:thin|medium|thick|初始值:medium适用于:所有对象向下兼容:否上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。 2.右边框宽度以下是引用片段：语 法:border-right-width:允许值:thin|medium|thick|初始值:medium适用于:所有对象向下兼容:否右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。 3.下边框宽度以下是引用片段：语

法:border-bottom-width:允许值:thin|medium|thick|初 始值:medium适用于:所有对象向下兼容:否下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。 4.左边框宽度以下是引用片段：语 法:border-left-width:允许值:thin|medium|thick|初始值:medium适用于:所有对象向下兼容:否左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。 5.边框宽度以下是引用片段：语法:border-width:允许值:[thin|medium|thick|]{1,4}初始值:未定义适用于:所 有对象向下兼容:否边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。

css属性大全

字体属性：(font) 大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高line-height: normal;(正常) 单位：PX、PD、EM 粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体font-variant: small-caps;(小型大写字母) normal;(正常) 大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: no-repeat; 滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距letter-spacing: normal; 数值 对刘text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行) 显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) 方框属性：(Box) width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左 边框属性：(Border) border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; border-width:; 边框宽度 border-color:#; 简写方法border：width style color; 列表属性：(List-style) 类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;

DW-CS5-CSS规则英汉对照表

一、类型 Font-family:字体 Font-size:字体大小 Font-style:字体风格，如斜体、正常等 Line-height:行高（用来设定字行间距） Font-weight:字体浓淡 Font-variant:字体变量（用来设定字体是正常显示，还是以小型大写字母显示）Text-transform:文本转换（用来设定字体的大小写转换） Text-decoration（字体装饰）:underline下划线 Overline上划线 line-through线-穿过 blink闪光 none 无 二、背景 Background-color:背景颜色 Background-image:背景图片 Background-repeat:背景重复 Background-attachment:背景附着（用来设定背景图片是否随文档滚动）Background-position:背景位置X Background-position:背景位置Y 三、区块

Word-spacing:词间距 Letter-spacing:字符间距 Vertical-align:垂直对齐 Text-align:水平对齐 Text-indent:文本缩进 White-space:空白 Display:显示 四、方块 Width:宽度 Height:高度 Float:浮动 Clear:规定元素的哪一侧不允许出现其他浮动元素Padding间隙（用来填充一些空白，参考如下图）:Top 上Right 右 Bottom 下 Left 左 Margin：边距（用来设定边距的宽度）

五、边框 Style:样式（如：虚线等） Width:宽度 Color:颜色 六、列表 List-style-type:列表样式类型（用来设定列表项标记（list-item marker）的类型）List-style-image:列表列表样式图片（用来设定列表样式图片标记的地址） List-style-Position:列表样式位置（用来设定列表样式标记的位置） 七、定位

css表格内边框

竭诚为您提供优质文档/双击可除 css表格内边框 篇一：网站制作表格边框css样式 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1.上边框宽度 语法:border-top-width: 允许值:thin|medium|thick| 初始值:medium 2.右边框宽度 语法:border-right-width: 允许值:thin|medium|thick| 3.下边框宽度 语法:border-bottom-width: 允许值:thin|medium|thick| 初始值:medium 4.左边框宽度

语法:border-left-width: 允许值:thin|medium|thick| 5.边框宽度 语法:border-width: 允许值:[thin|medium|thick|]{1,4} 6.边框颜色 语法:border-color: 允许值:{1,4} 边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。 7.边框样式 语法:border-style: 允许 值:[none|dotted|dashed|solid|double|groove|ridge|in set|outset]{1,4} 初始值:none none：无样式； dotted：点线； dashed：虚线；

HTML中CSS样式标签大全及用法

CSS 网页样式大全如下： 字体属性：(font) 大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高line-height: normal;(正常) 单位：PX、PD、EM 粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体font-variant: small-caps;(小型大写字母) normal;(正常) 大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性：(background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: no-repeat; 滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性：(Block) 字间距letter-spacing: normal; 数值 对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行) 显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) 方框属性：(Box) width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左 边框属性：(Border) border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; border-width:; 边框宽度 border-color:#; 简写方法border：width style color; 列表属性：(List-style)