网站css样式翻译,css样式中文翻译

怎么能让自己的网站美观，css是什么，别给复制一大堆

CSS是网页制作的样式，用于网页制作的美工，美化网页，我觉得你要的那个应该是框架集吧，QQ空间都是那种样式，顶部和左边都差不多，只有左边的连接发生变化，至于target,上面那位仁兄貌似错了吧，target只有4个属性，_blank代表连接到一个新窗口，_self代表连接本窗口，_parent代表连接父窗口，就是他的上一层窗口，_top代表全部窗口的连接，在网页制作的书上有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

菜单内容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

分支机构 Branches

供求信息 Supply Demand

经营理念 Operation Principle

产品销售 Sales Sales

联系我们 Contact Us Contact Us

信息发布 Information Information

返回首页 Homepage Homepage

产品定购 order order

分类浏览 Browse By Category

电子商务 E-business

公司实力 Strength Strength

版权所有 Copy Right

友情连结 Hot Link

应用领域 Application Fields

人力资源 Human Resource Hr

领导致辞 Leader`s oration

企业资质 Enterprise Qualification

行业新闻 Trade News

行业动态 Trends

客户留言 Customer Message

客户服务 Customer Service

新闻动态 News Trends

公司名称 Company Name

销售热线 Sales Hot-Line

联系人 Contact Person

您的要求 Your Requirements

建设中 In Construction

证书 Certificate Certificate

地址 ADD Add

邮编 Postal Code Zipcode

电话 TEL Tel

传真 FAX Fax

产品名称 Product Name

产品说明 Description Description

价格 Price

品牌 Brand

规格 Specification

尺寸 Size

生产厂家 Manufacuturer Manufacturer

型号 Model

产品标号 Item No.

技术指标 Technique Data

产品描述 Description

产地 Production Place

销售信息 Sales Information

用途 Application

论坛 Forum

在线订购 On-line order

招商 Enterprise-establishing

招标 Bid Inviting

综述 General

业绩 Achievements

招聘 Join Us

求贤纳士 Join Us

大事 Great Event

动态 Trends

服务 Service

投资 Investment

行业 Industry

规划 Programming

环境 Environment

发送 Delivery

提交 Submit

重写 Reset

登录 Enter

注册 Login

中国企业网技术支持 Powered By Ce.Net.Cn

社区 Community

业务介绍 Business Introduction

在线调查 Online Inquiry Inquiry

下载中心 Download

会员登陆 Member Entrance

意见反馈 Feedback

常见问题 FAQ

中心概况 General Profile

教育培训 Education Training

游乐园 Amusement Park

在线交流 Online Communication

专题报道 Special Report[/quote]

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首 字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为 “searchBtn”……

一. 常规书写规范及方法

1. 选择DOCTYPE：

XHTML 1.0 提供了三种DTD声明可供选择：

过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ““

严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如br。完整代码如下：

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” ““

框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” ““

理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通 过W3C的代码校验。

2. 指定语言及字符集：

为文档指定语言：

html xmlns=”” lang=”en”

为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言；如：

常用的语言定义：

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

标准的XML文档语言定义：

?xml version=”1.0″ encoding=” utf-8″?

针对老版本的浏览器的语言定义：

meta http-equiv=”Content-Language” content=” utf-8″ /

为提高字符集，建议采用“utf-8”。

3. 调用样式表：

外部样式表调用：

页面内嵌法：就是将样式表直接写在页面代码的head区。如：

style type=”text/css”!– body { background : white ; color : black ; } – /style

外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。

link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” /

在符合web标准的设计中，推荐使用外部调用法，可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。

4、选用恰当的元素：

根据文档的结构来选择HTML元素，而不是根据HTML元素的样式来选择。例如，使用P元素来包含文字段落，而不是为了换行。如果在创建文档时找不到适当的元素，则可以考虑使用通用的div 或者是span；

避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式；

尽可能少地使用标签和结构嵌套，这样不但可以使文档结构清晰，同时也可以保持文件的小巧，在提高用户下载速度的同时，也易于浏览器对文档的解释及呈视；

5、派生选择器：

可以使用派生选择器给一个元素里的子元素定义样式，在简化命名的同时也使结构更加的清晰化，如：

.mainMenu ul li {background:url(images/bg.gif;)}

6、辅助图片用背影图处理：

这里的”辅助图片”是指那些不是作为页面要表达的内容的一部分，而仅仅用于修饰、间隔、提醒的图片。将其做背影图处理，可以在不改动页面的情况下通过CSS样式来进行改动，如：

#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}

7、结构与样式分离：

在页面里只写入文档的结构，而将样式写于css文件中，通过外部调用CSS样式表来实现结构与样式的分离。

8、文档的结构化书写：

页面CSS文档都应采用结构化的书写方式，逻辑清晰易于阅读。如：

div id=”mainMenu”

ul

lia href=”#” 首页/a/li

lia href=”#” 介绍/a/li

lia href=”#” 服务/a/li

/ul

/div

#mainMenu {

width:100%;

height:30px;

background:url(images/mainMenu_bg.jpg) repeat-x;

}

#mainMenu ul li {

float:left;

line-height:30px;

margin-right:1px;

cursor:pointer;

}

*******************************************************************************************

命名参考(来源网络)

常用的CSS命名规则：

头：header

内容：content/container

尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

命名全部使用小写字母，如果需要多个单词，单词间使用“-”分隔，比如user-list

常用代码结构：

div：主要用于布局，分割页面的结构

ul/ol：用于无序/有序列表

span：没有特殊的意义，可以用作排版的辅助，

例如

lispan(4.23)/span天幻网六周年天幻网六周年天幻网六周年天幻网六/li

然后在css中定义span为右浮动，实现了日期和标题分两侧显示的效果

h1-h6：标题

h1-h6 根据重要性依次递减

h1位最重要的标题

label：为了使你的表单更有亲和力而且还能辅助表单排版的好东西，

例如：

label for="user-password"密　码/label

input type="password" name="password" id="user-password" /

fieldset legend：fildset套在表单外，legend用于描述表单内容。

例如：form

fieldset

legendtitle/legend

label for="user-password"密　码/label

input type="password" name="password" id="user-password" /

/fieldset

/form

dl,dt,dd：当页面中出现第一行为类似标题/简述，然后下面为详细描述的内容时应该使用该标签，

例如dl

dt什么是CSS?/dt

ddCSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。dd

dt什么是XHTML？/dt

ddXHTML是一个基于XML的置标语言，看起来与HTML有些想像，只有一些小的但重要的区别。可以这样看，XHTML就是一个扮演 着类似HTML的角色的XML。 本质上说，XHTML是一个桥接（过渡）技术，结合了XML（有几分）的强大功能及HTML（大多数）的简单特性。/dd

/dl

C #content

S #subcol

M #maincol

X #xcol

这是纵向布局的XHTML结构，c-smx表示网页有三个纵栏, c-sm表示有两个纵栏, c-mx表示有两个纵栏其中一个是附属的, c-m表示一个纵栏。

其中在三纵栏的布局需要分为两层 第一层是#subcol与#main第二层是#main中的#maincol与#xcol。

自定义命名：

根据w3c网站上给出的,最好是用意义命名

比如：是重要的新闻高亮显示（像红色）

有两种

.red{color:red}

.important-news{color:red}

很显然第二种传达的意义更加明确,所以尽量不要用意义不明确的作为自己自定义的名字

CSS命名规范

DIV CSS名称 说明

网站公用相关

Container div #container 容器

Header or banner div #header 页头部分

Main or global navigation div #mainNav 主导航

Menu #menu 菜单

Sub Menu #submenu 子菜单

Left or right side columns #sidebarA, #sidebarB 左边栏或右边栏

Main div #main 页面主体

Content div #content 内容部分

The main content area #contentMain 主要内容区域

Footer div #footer 页脚部分

Tag #tag 标签

Message #msg #message 提示信息

Tips #tips 小技巧

Vote #vote 投票

Friend Link #friendlink 友情连接

Title #title 标题

Summary #summary 摘要

Sub-navigation list #subNav 二级导航

Search input #searchInput 搜索输入框

Search output #searchOutput 搜索输出和搜索结果相似

Search #search 搜索

Search results #searchResults 搜索结果

Copyright information #copyright 版权信息

brand #branding 商标

branding-logo #brandingLogo LOGO

Site information #siteinfo 网站信息

Copyright information etc. #siteinfoLegal 法律声明

Designer or other credits #siteinfoCredits 信誉

Join us #joinus 加入我们

Partnership opportunities #partner 合作伙伴

Services #service 服务

Regsiter #regsiter 注册

Status #status 状态

9、鼠标手势：

在XHTML标准中，hand只被IE识别，当需要将鼠标手势转换为“手形”时，则将“hand”换为“pointer”，即“cursor:pointer;”

css是什么意思

css是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

CSS具有以下特点：

1、丰富的样式定义

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2、易于使用和修改

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。

3、多页面应用

CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

4、层叠

层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表应用到页面中。

5、页面压缩

在使用HTML定义页面效果的网站中，往往需要大量或重复的表格和font元素形成各种规格的文字样式，这样做的后果就是会产生大量的HTML标签，从而使页面文件的大小增加。

而将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程序的缩减了页面的体积，减少下载的时间。

扩展资料：

css的工作原理

CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。

无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。

参考资料：百度百科_css

DreamweaverCSS样式表求翻译

字体样式：font-family: 字体

font-size: 字体大小

font-weight: 字体粗细 （bold加粗，bolder特粗，normal普通，）

font-style:字体样式(italic倾斜，normal普通)

ccolor: 字体颜色,可以用英文单词，也可以使用RGB颜色值(#FFOOOO),rgb(255,0,255)

文本样式：text-align:水平对齐 center;left;right;bottom;

display:block：块元素

line-height:行高（垂直居中对齐）

vertical-align：垂直对齐，一般来说，文字居中对齐方式不使用它，是用line-height（行高）;

在图文混排的时候用

text-decoration:文字装饰效果，比如下划线，删除线

text-indent:文本缩进

/* */ css样式注释！

padding-left:30px;

text-shadow:文字阴影效果

背景样式：background-color: 背景颜色

background-image:url(images/logo.jpg);背景图片

background-repeat:repeat-x 背景是否重复，水平平铺 y垂直平铺 no-repeat不重复

background-position: right center left bottom 前面水平 后面垂直

background-attachment:fixed;让背景图片固定，一般用在body标签

列表样式：list-style:none 列表样式无

定位算是一个难点,多去练习就好,纯手打,希望可以帮到你,不懂的再问.

css英文和属性翻译

CSS

基本翻译

abbr. 半铸钢，钢性铸铁（Cast Semi-Steel）；层叠样式表（Cascading Style Sheets）；计算机系统模拟（Computer System Simulation）

网络释义

CSS:Cascading Style sheets|层叠样式表|样式表

精通CSS:CSS Mastery|CSS Master

GCR CSS:微软全球技术支持中心|微软大中华区全球技术支持中心

百科

css

Cascading Style Sheets（层叠样式表／串样式列表），简写为CSS，由W3C定义和维护的标准，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计... 详细 »

搜索 css css论坛 css教程

谁能帮我翻译CSS

CSS是Cascading Style Sheets（层叠样式表单）的简称。

更多的人把它称作样式表

它是一种设计网页样式的工具。

借助CSS的强大功能，

网页将在您丰富的想象力下千变万化。

在百度空间里，按照自己的风格和爱好，你自己可以对自定义模板进行修改。谢谢！，

自定义模板必备之css属性知识

属 性 名 称 属性功能及其取值 用 法 说 明 与 范 例

颜色与背景类

color 设置文字颜色

#rgb

#rrggbb

rgb(255,255,255)

rgb(100%,100%,100%) H1{color:red}

H1{color:#f00}

H1{color:#ff0000}

H1{color:rgb(255,0,0)}

H1{color:rgb(100%,0%,0%)}

background-color 设置背景颜色，格式同上。 BODY{background-color:red}

BODY{background-color:#f00}

BODY{background-color:#ff0000}

BODY{background-color:rgb(255,0,0)}

BODY{background-color:rgb(100%,0%,0%)}

background-image 设置背景图片，

url(/imageURL) body{backround-image:url(/back.jpg);}

background-repeat 设置背景图片是否重复排列:

repeat-x(X轴重复排列);

repeat-y(Y轴重复排列);

No-repeat(不重复排列) BODY{background-repeat:repeat-x;}

BODY{background-repeat:No-repeat;}

background-attachment 设定背景图片是否卷动，默认为卷动。

scroll(卷动)

fixed(不卷动) BODY{background-attachment:fixed;}

background-position 设定背景图片或背景颜色开始显示的位置，取值格式：

top,buttom,left,right,center(用关键字)

70px 10px(用长度值)

50% 30%(用百分比) BODY{background-position:right top;}

BODY{background-position:50px 10px;}

BODY{background-position:20% 50%;}

background 定义背景综合属性，不要求顺序，各属性值以空格分开。 BODY{background:#ffcc00 url(/bg.jpg) fixed center}

字型类

font-family 设置字型属性，取值可以是任何字型名称，缺省为浏览器内定字型，可以设多个以逗号(,)分开，有空格的英文字型可用单引号或双引号括起来。 P{font-family:宋体,楷体,黑体,"Time New Rom";}

font-style 设定字型样式：Normal(正常),italic、objlique(斜体) P{font-style:italic;}

font-variant 取值：Normal(默认)，small-caps(如果是中文字型则将字型缩小显示，如果是英文则全部改为较小的大写) H3{font-variant:small-caps;}

font-weight 设定字体粗细，取值有：

Normal(默认),bold,lighter,border,100,200...900

由于浏览器支持程度不同，一般只用normal和bold两种属性。 P{font-weight:bold;}

font-size 设定字体的大小；

绝对大小：xx-small,x-small,small,mediumlarge,x-large,xx-large;

相对大小：larger,smaller;

数字表示可用单位：磅(pt),像素(px),英寸(in),厘米(cm);

亦可用百分比表示。 H2{font-size:36pt;}

P{font-size:200%;}

font 设定字型的综合属性，其顺序如下：

{font-style font-variant font-weight font-size /line-height font-family;} P{bold 12pt/14pt impact,Arial;}

文字类

letter-spacing 设定文字间距。 P{letter-spacing:5pt;}

text-decoration 设定文字加上下划线、删除线等效果：

none(无)

underline(下划线)

overline(上划线)

line-through(删除线)

vertical-align 设定文字或图片垂直方向的对齐方式：

baseline:默认值 sub:下标 super:上标 top:垂直向上对齐 middle:垂直居中 bottom:垂直向下对齐。

text-transform 转换英文字母大小写：

none:默认值 capitalize:首字母大写 uppercase:所有英文字母大写 lowercase:所有英文字母小写。

text-align 设置文字的水平对齐方式：

left:左对齐 right:右对齐 center:水平居中 justify:左右对齐。

text-indent 设定标记元素内文字的首行缩进或配合margin-left属性设定首行凸排。

line-height 设定行高，声明方式有标准行高、固定值表示法、百分比行高、字型大小比例行高等。

列表类

list-style-type 有序列表的编号方式（供OL标记使用）：

none:无编号 decimal:阿拉伯数字 lower-roman:小写罗马数字 upper-roman:大写罗马数字 lower-alpha:小写英文字母 upper-alpha:大写英文字母。

list-style-type 无序列表的符号样式（供UL使用）：

none:无符号 disc:实心圆符号 circle:空心圆符号 square:实心方形符号。

list-style-image 无序列表的自定义符号样式：

格式：url(图片名称) UL{list-style-imag:url(/dd.gif);}

list-style-position 设置列表清单符号缩排属性：

outside:凸排 inside:缩排 UL{list-style-imag:url(/dd.gif); list-style-position:outside;}

list-style 列表清单项目的综合设定，属性之间用空格隔开。 UL{list-style-imag:url(/dd.gif) inside;}

边界及其相关类

margin 标记元素边界值的综合设定。（其规则见右边范例）

亦可以用margin-top、margin-right、margin-bottom、margin-left分开设定各边的边界。 声明4个值，其顺序为上、右、下、左边界，如：DIV{margin:12pt 15pt 20pt 16pt;}

声明3个值，其顺序为上、右、下，缺少的左边界取其对边（右），如：DIV{margin:12pt 15pt 16pt;}

声明2个值，其顺序为上、右，缺少的下、左边界取其对边，如：DIV{margin:12pt 15pt;}

声明1个值，则4个边界同一个值，如：DIV{margin:15pt;}

padding 设定标记内容与标记边框之间的留白的综合设定（规则见margin属性的范例）。 也可分开设定padding-top、padding-right、padding-bottom、padding-left各值。

border-width 标记元素边框宽度的综合设定（规则类似于margin属性）。 也可分开设定border-top-width、border-right-width、border-bottom-width、border-left-width各值。

border-color 标记元素边框颜色的综合设定（规则类似于margin属性）。颜色取值见color属性。 也可分开设定border-top-color、border-right-color、border-bottom-color、border-left-color各值。

border-style 标记元素边框样式的综合设定（规则类似于margin属性）。边框样式有solid,double,goove,ridge,inset,outset等。 也可分开设定border-top-style、border-right-style、border-bottom-style、border-left-style各值。

border 标记元素4个边框的综合设定，可以分别声明边框宽度、边框样式、和边框颜色。 DIV{border:5pt solid #ff0000;}

width 设定标记元素的宽度。

height 设定标记元素的高度。

float 设定标记元素与文字间的相对位置（文字绕排方式）。取值：

none:以默认方式显示；

left:标记元素靠左，文字在右边绕排；

right:标记元素靠右，文字在左边绕排；

clear 设定标记元素与文字间的相对位置（与float不同的是标记元素两边都不绕排）。取值：

none:以默认方式显示；

left:标记元素靠左，右边无文字绕排；

right:标记元素靠右，左边无文字绕排；

其他类

z-index 设定标记元素的堆叠层次，取值为整数，也可以是负数，数值大的在上层。

visibility 设定标记元素是否可见，取值有：

inherit:取默认值 visible:可见 hidden:不可见（隐藏）

该表只列出常用的CSS属性，及简要介绍其主要功能，若要了解各所有属性和具体的用法，请参考相关书籍。当然，实践是最好的提高办法