css中文样式表(含中英文对照表)
CSS学习网站：
https://www.360docs.net/doc/7c9925498.html,/css/css_reference.asp
https://www.360docs.net/doc/7c9925498.html,/
https://www.360docs.net/doc/7c9925498.html,/thread-265-1-1.html
1、【类型】主要针对网页中的文本
2、【背景】是在网页的元素后面放置固定的背景色或者图像，（注意：是网页元素后的背景色或背景图像，而不是网页的背景色或背景图像）
提示：在设置背景图像时，最好同时指定一种背景色。这样在下载背景图像时，背景色会首先出现在屏幕上，而且它会透过背景图像上的透明区域显示出
3、【区块】区块是指网页中的文本、图像、层等元素的集合，区块属性用于控制块中内容的间距、对齐方式、文本缩进等，其属性参数面板如下：
4、【方框】即盒子模型CSS将网页中所有的块元素都看作包含在一个虚拟的方框内，这个方框包含四个部分：
间隔/边界：外边距
留白/填充：内外距
5、【边框】边框面板的属性主要针对方框的边框。
6、【列表】列表属性主要用于控制列表内的各项元素：
【类型】中有10种选择，可供列表每一项前面使用，如圆点或罗马字母。【项目符号图像】作用是项目前的符号用图像替代。
【位置】项目符号或图像显示在方框之内或者之外。
7、【定位】定位主要用于精确定位层的位置：
8、【扩展】
【分页】这是为打印网页而设置的，选项表示在样式表所控制的对象之前或者之后分页。【视觉效果】（为网页设置特殊效果）【光标】指定某个元素上要使用的光标形状，有15种形状可供选择。一般使用的是windows里面的各种光标，也可以指定图标的URL。【过滤器】为网页中的元素添加各种效果，其具体使用方法在下一个小节详细介绍。
中英文对照表
一、类型
font-family 字体
font-size 字体大小
font-style 字体样式(斜体/偏斜体)
line-height 行高
text- decoration 下划线,上划线font-weight 字体粗细
font-variant 变体
text-transform 大小写
color 字体颜色
二、背景
background-color 背景颜色background-image 背景图片background-repeat 背景重复方式background-attachment 背景滚动或固定
background-position 背景水平位置三、区块
word-spacing 单词间距letter-spacing 字母间距vertical-align 垂直对齐方式text-align 文本对齐方式text-indent 文本缩进方式white-space 保留方式display 显示方式
四、方框
width 宽
height 高
float 浮动方式
clear 清除方式padding 填充/内边距Top 上边
Right 右边
Bottom 下边
left 左边
margin 边界/外边距Top 上边
Right 右边
Bottom 下边
left 左边五、边框/Border
Style样式/width宽度/ color颜色
Top 上边
Right 右边
Bottom 下边
left 左边
六、列表
list-style-type 列表标记符号类型
list-style-image 列表项目符号图象
list-style-position 列表位置
七、定位
Position 位置
width: 宽
height 高
Visibility 显示/规定元素是否可见
z-index: Z轴/设置元素的堆叠顺序
Overflow 谊位/规定内容溢出元素时发生的事情
Placement 放置
top 上置入right 右置入bottom 下置入
left 左置入
clip 裁剪绝对定位元素
top 上
right 右
bottom 下
left 左
八、扩展
分页
Page-break-before 扩展之前
Page-break-after 扩展之后
视觉效果
Cursor 光标
Filter 过滤器（滤镜）
史上最全!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样式(规则)定义对话框中英文对照要点
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样式命名、程序中的一些控件等等： 名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录名应以英文、拼音为主（不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂）。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。而且当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。 例如：images(图形文件)，flash（Flash文件）等。 命名方式：（性质_描素_位置_分类_数量）项相结合，采用简写、组合的方式形成通用规则。 例如： news (性质) news_title (性质_描素) news_title_top (性质_描素_位置) news_title_top_01 (性质_描素_位置_数量) news_title_top_a_01 (性质_描素_位置_分类_数量) news_title_top_b_01 (性质_描素_位置_分类_数量) 常用目录名： data(数据库) images(图片) install (安装) templets (模版) include (包含) admin (后台) rss (定阅) media (媒体) config (配置) Script (脚本) Language (语言) style (样式)等…… 常用CSS名： 页面外围控制整体布局宽度：wrapper头：header内容：content/container页面主体：main侧栏：sidebar尾：footer等…… 更多命名查看: https://www.360docs.net/doc/7c9925498.html,/post/41.html 第二部分：结构（XHTML） 网站的前端结构与表现分离，达到95%以上。正式上线后的网页代码结构要清晰、明朗，容易阅读，布局与结构的镶套尽量控制在4-5层以内，严格遵循w3c的xhtml1.0 Transtitonal。并遵循以下原则： 1. DDT类型：XHTML 1.0 Transitional 2. 编码：utf-8 3. 元标记必须项： 该页面的关键词概况
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属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
Photoshop字体库中英文对照表
Photoshop字体库中英文对照表 当确实字体时，Photoshop会提示丢失字体，但是提示的字体名称是一串英文字符，即使字体的名称是中文的也是一样。这给我们的带来了困难，很难找到对应的字体来安装。今天要用字体了，所以就收集了下供大家参考希望对大家有帮助！ (简体部分) 中文字体名英文字体名文件名PS name汉字数 方正报宋简体FZBaoSong-Z04S FZBSJW FZBSJW—GB1-0 7156 方正粗圆简体FZCuYuan-M03S FZY4JW—GB1-0 7156 方正大标宋简体FZDaBiaoSong-B06SFZDBSJW—GB1-0 7156 方正大黑简体FZDaHei-B02SFZDHTJW—GB1-0 7156 方正仿宋简体FZFangSong-Z02S FZFSJW—GB1-0 7156 方正黑体简体FZHei-B01S FZHTJW—GB1-0 7156 方正琥珀简体FZHuPo-M04S FZHPJW—GB1-0 7156 方正楷体简体FZKai-Z03S FZKTJW—GB1-0 7156 方正隶变简体FZLiBian-S02S FZLBJW—GB1-0 7156 方正隶书简体FZLiShu-S01S FZLSJW—GB1-0 7156 方正美黑简体FZMeiHei-M07S FZMHJW—GB1-0 7156 方正书宋简体FZShuSong-Z01S FZSSJW FZSSJW—GB1-0 7156 方正舒体简体FZShuTi-S05S FZSTJW FZSTJW—GB1-0 7152 方正水柱简体FZShuiZhu-M08S FZSZJW—GB1-0 7156 方正宋黑简体FZSongHei-B07S FZSHJW—GB1-0 7156
移动端手机前端css命名规范
手机前端CSS命名规范 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：?基本样式库 /css/core ?通用UI元素样式库 /css/lib ?JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件，放在如下目录中： ?读书 /css/book/ ?电影 /css/movie/ ?音乐 /css/music/ ?社区 /css/sns/ ?小站 /css/site/ ?同城 /css/location/ ?电台 /css/radio/ 外联CSS文件适用于全站级和产品级通用的大文件。内联CSS文件适用于在一个或几个页面共用的CSS。另外一对具体的CSS进行文档化的整理。如： ?util-01 reset /css/core/reset.css ?util-02 通用模块容器 /css/core/mod.css ?ui-01. 喜欢按钮 /css/core/fav_btn.css ?ui-02. 视频/相册列表项 /css/core/media_item.css ?ui-03. 评星 /css/core/rating.css ?ui-04. 通用按钮 /css/core/common_button.css ?ui-05. 分页 /css/core/pagination.css ?ui-06. 推荐按钮 /css/core/rec_btn.css
?ui-07. 老版对话框 /css/core/old_dialog.css ?ui-08. 老版Tab /css/core/old_tab.css ?ui-09. 老版成员列表 /css/core/old_userlist.css ?ui-10. 老版信息区 /css/core/notify.css ?ui-11. 社区用户导航 /css/core/profile_nav.css ?ui-12. 当前大社区导航 /css/core/site_nav.css ?ui-13. 加载中 /css/lib/loading.css 2、文件引入可通过外联或内联方式引入。 ?外联方式：（类型声明type=”text/css”可以省略） ?内联方式：（类型声明type=”text/css”可以省略） ?link和style标签都应该放入head中，原则上，不允许在html上直接写样式。避免在CSS中使用@import，嵌套不要超过一层。 3、文件名、文件编码及文件大小 ?文件名必须由小写字母、数字、中划线组成 ?文件必须用UTF-8编码，使用UTF-8（非BOM），在HTML中指定UTF-8编码，在CSS中则不需要特别指定因为默认就是UTF-8。 ?单个CSS文件避免过大（建议少于300行） 二、注释规范 1、文件顶部注释（推荐使用） /* * @description: 中文说 明 * @author: name * @update: name (2013-04-13 18:32) */ 2、模块注释 /* module: module1 by 张三 */ … /* module: module2 by 张三 */ 模块注释必须单独写在一行 3、单行注释与多行注释 /* this is a short comment */ 单行注释可以写在单独一行，也可以写在行尾，注释中的每一行长度不超过40个汉字，或者80个英文字符。
设计方案常用字体库中英文对照表
设计常用字体库中英文对照表 当确实字体时，Photoshop会提示丢失字体，但是提示的字体名称是 一串英文字符，即使字体的名称是中文的也是一样。这给我们的带来 了困难，很难找到对应的字体来安装。今天要用字体了，所以就收集 了下供大家参考希望对大家有帮助！ (简体部分) 中文字体名英文字体名文件名 PS name 汉字数 方正报宋简体 FZBaoSong-Z04S FZBSJW FZBSJW—GB1-0 7156 方正粗圆简体 FZCuYuan-M03S FZY4JW FZY4JW—GB1-0 7156 方正大标宋简体 FZDaBiaoSong-B06S FZDBSJW FZDBSJW—GB1-0 7156 方正大黑简体 FZDaHei-B02S FZDHTJW FZDHTJW—GB1-0 7156 方正仿宋简体 FZFangSong-Z02S FZFSJW FZFSJW—GB1-0 7156 方正黑体简体 FZHei-B01S FZHTJW FZHTJW—GB1-0 7156 方正琥珀简体 FZHuPo-M04S FZHPJW FZHPJW—GB1-0 7156 方正楷体简体 FZKai-Z03S FZKTJW FZKTJW—GB1-0 7156 方正隶变简体 FZLiBian-S02S FZLBJW FZLBJW—GB1-0 7156 方正隶书简体 FZLiShu-S01S FZLSJW FZLSJW—GB1-0 7156 方正美黑简体 FZMeiHei-M07S FZMHJW FZMHJW—GB1-0 7156 方正书宋简体 FZShuSong-Z01S FZSSJW FZSSJW—GB1-0 7156 方正舒体简体 FZShuTi-S05S FZSTJW FZSTJW—GB1-0 7152 方正水柱简体 FZShuiZhu-M08S FZSZJW FZSZJW—GB1-0 7156 方正宋黑简体 FZSongHei-B07S FZSHJW FZSHJW—GB1-0 7156 方正宋三简体 FZSong III-Z05S FZS3JW FZS3JW—GB1-0 7156 方正魏碑简体 FZWeiBei-S03S FZWBJW FZWBJW—GB1-0 7156 方正细等线简体 FZXiDengXian-Z06S FZXDXJW FZXDXJW—GB1-0 7156 方正细黑一简体 FZXiHei I-Z08S FZXH1JW FZXH1JW—GB1-0 7156 方正细圆简体 FZXiYuan-M01S FZY1JW FZY1JW—GB1-0 7156 方正小标宋简体 FZXiaoBiaoSong-B05S FZXBSJW FZXBSJW—GB1-0 7156 方正行楷简体 FZXingKai-S04S FZXKJW FZXKJW—GB1-0 7156
CSS代码规范#(精选.)
HTML基本格式:
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命名规范 第一部分：目录、文件、CSS命名方式： 文件夹与文件名称、CSS样式命名、程序中的一些控件等等： 名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录名应以英文、拼音为主（不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂）。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。而且当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。 例如：images(图形文件)，flash（Flash文件）等。 命名方式：（性质_描素_位置_分类_数量）项相结合，采用简写、组合的方式形成通用规则。 例如： news (性质) news_title (性质_描素) news_title_top (性质_描素_位置) news_title_top_01 (性质_描素_位置_数量) news_title_top_a_01 (性质_描素_位置_分类_数量) news_title_top_b_01 (性质_描素_位置_分类_数量) 常用目录名： data(数据库) images(图片) install (安装) templets (模版) include (包含) admin (后台) rss (定阅) media (媒体) config (配置) Script (脚本) Language (语言) style (样式)等…… 常用CSS名： 页面外围控制整体布局宽度：wrapper；头：header；内容：content/container；页面主体：main；侧栏：sidebar；尾：footer等……,更多命名查看: 《div+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; 数值
css常用class名
CSS的class、id、css文件名的常用 命名 常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度： wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab
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
dreamweavercs5css规则面板中英对照及详解
定义文本样式、保存CSS规则后系统将行动打开“CSS规则定义”对话框。 [字体]：选择所需要的字体。 [大小]：定义字体大小。 [样式]：可选择字体的特殊样式，即“正常”、“斜体”或“偏斜体”等。 [行高]：设置文本所在行的高度。也可以输入一个确切的值并选择一种度量单位。[修饰]：在文本中添加下划线、上划线或删除线，或者使文本闪烁。 [粗细]：字体应用特定或相对的粗体量。 [变体]：设置文本的变体方式。 [大小写]：将所选内容中每个单词的首字母大写，或者将文本设置为全部大写或小写。[颜色]：设置文本颜色。
要定义背景样式可在“CSS规则定义”对话框中选择“背景”选项。 [背景颜色]：设置背景颜色。 [背景图像]：设置背景图像。 [重复]：确定是否以及如何重复背景图像。 （不重复）：只在元素开始处显示一次图像。 （重复）：在元素的后面水平和垂直平铺图像。 （横向重复）和（纵向重复）：分别显示图像的水平带区和垂直带区。图像将被剪辑以适合元素的边界。 [附件]：确定背景图像是固定在原始位置还是随内容一起滚动。 [水平位置]和[垂直位置]：指定背景图像相对于元素的初始位置。这可以用于将背景图像与页面中心垂直和水平对齐。如果附件属性为“固定”，位置则相对于“文档”窗口而不是元素。
3.区块样式的定义 使用“CSS规则定义”对话框中的“区块”类别可以定义标签和属性的间距、对齐等设置。[单词间距]：设置单词的间距。在下拉列表中选择“值”选项，然后输入数值可确定单词的间距，此时可在右侧的弹出式菜单中选择度量单位（例如像素、点等）。 [字母间距]：设置字母或字符间的间距。负值（例如-4）表示减小字符间距。字母间距设置可覆盖对齐的文本设置。 [垂直对齐]：指定垂直对齐方式。 [文本对齐]：设置元素中的文本对齐方式。 [文字缩进]：指定第一行文字缩进程度，并可在右侧选择数值单位。也可以使用负值创建凸出，但显示方式则取决于浏览器。 [空格]：确定如何处理元素中的空白。 （正常）：收缩空白。 （保留）：与文本被括在pre标签中一样（即保留所有空白，包括空格、制表符和回车等）。（不换行）：指定仅当遇到br标签时文本才换行。 [显示]：指定是否以及如何显示元素。“无”表示关闭应用此属性的元素的显示
网页代码模块常用命名规则归纳大全
网页代码模块常用命名规则归纳大全CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab
文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner XHTML文件中id的命名 (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav
顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list 提示信息：msg 当前的: current 小技巧：tips 图标: icon
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-命名总结 热度2已有26 次阅读2010-8-13 23:42 |个人分类:资料库|关键词:CSS 命名 https://www.360docs.net/doc/7c9925498.html, CSS书写命名总结 一、命名原则: 不要通过视觉外观来给元素命名，而是根据功能给元素命名。 ID具有唯一性，Class具有可重复性。让所有的Class元素都成为外围ID元素的子级或孙级。网页模块化，利于网站代码的控制，维护和修改 a.外围架构使用ID控制 b.内部结构使用Class控制 二、命名规则: https://www.360docs.net/doc/7c9925498.html, a.骆驼命名法 指混合使用大小写字母来构成变量和函数的名字,首写字母小写 myData b.帕斯卡命名法 指混合使用大小写字母来构成变量和函数的名字,首写字母大写 MyData c.匈牙利命名法 标识符的名字以一个或者多个小写字母开头作为前缀，标识出变量的作用域，类型等。前缀之后的是首字母大写的一个单词或多个单词组合或者符号，该单词要指明变量的用途。txtMyData d.下划线或中划线命名法 树状结构的命名 层叠式命名 每一个逻辑断点都有一个下划线或中划线来标记 DWMenu_Insert_Animals DWMenu_Insert_Animals_Dog DWMenu_Insert_Animals_Cat DWMenu_Insert_Animals_Monkey DWMenu-Insert-Animals DWMenu-Insert-Animals-Dog DWMenu-Insert-Animals-Cat DWMenu-Insert-Animals-Monkey txt-MyData e.常量命名 SQL_SELECT_CA TEGORIES https://www.360docs.net/doc/7c9925498.html, 三、CSS推荐命名方式 [模块前缀(模块标识|区域标识)]+[功能标识]+[模块后缀(状态|位置|[A-Z]:多风格标识|[0-9]:行标识|[a-z]:列标识)] wrapperDetails
史上最全的css常用class名
CSS的class、id、css文件名的常用命名 常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 注册：regsiter 状态：status 投票：vote 合作伙伴：partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度： wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list