当前位置：文档之家› css代码大全

css代码大全

css属性代码大全

一CSS文字属性：

color : #999999; /*文字颜色*/

font-family : 宋体,sans-serif; /*文字字体*/

font-size : 9pt; /*文字大小*/

font-style:itelic; /*文字斜体*/

font-variant:small-caps; /*小字体*/

letter-spacing : 1pt; /*字间距离*/

line-height : 200%; /*设置行高*/

font-weight:bold; /*文字粗体*/

vertical-align:sub; /*下标字*/

vertical-align:super; /*上标字*/

text-decoration:line-through; /*加删除线*/

text-decoration: overline; /*加顶线*/

text-decoration:underline; /*加下划线*/

text-decoration:none; /*删除链接下划线*/

text-transform : capitalize; /*首字大写*/

text-transform : uppercase; /*英文大写*/

text-transform : lowercase; /*英文小写*/

text-align:right; /*文字右对齐*/

text-align:left; /*文字左对齐*/

text-align:center; /*文字居中对齐*/

text-align:justify; /*文字分散对齐*/

vertical-align属性

vertical-align:top; /*垂直向上对齐*/

vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/

vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白

padding-top:10px; /*上边框留空白*/

padding-right:10px; /*右边框留空白*/

padding-bottom:10px; /*下边框留空白*/

padding-left:10px; /*左边框留空白

三、CSS符号属性：

list-style-type:none; /*不编号*/

list-style-type:decimal; /*阿拉伯数字*/

list-style-type:lower-roman; /*小写罗马数字*/

list-style-type:upper-roman; /*大写罗马数字*/

list-style-type:lower-alpha; /*小写英文字母*/

list-style-type:upper-alpha; /*大写英文字母*/

list-style-type:disc; /*实心圆形符号*/

list-style-type:circle; /*空心圆形符号*/

list-style-type:square; /*实心方形符号*/

list-style-image:url(/dot.gif); /*图片式符号*/

list-style-position: outside; /*凸排*/

list-style-position:inside; /*缩进*/

四、CSS背景样式：

background-color:#F5E2EC; /*背景颜色*/

background:transparent; /*透视背景*/

background-image : url(/image/bg.gif); /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/ background-repeat : no-repeat; /*不重复排列*/ background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/

指定背景位置

background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/

background-position : buttom; /*向下对齐*/

background-position : left; /*向左对齐*/

background-position : right; /*向右对齐*/

background-position : center; /*居中对齐*/

五、CSS连接属性：

a /*所有超链接*/

a:link /*超链接文字格式*/

a:visited /*浏览过的链接文字格式*/

a:active /*按下链接的格式*/

a:hover /*鼠标转到链

接*/

鼠标光标样式：

链接手指CURSOR: hand

十字体cursor:crosshair

箭头朝下cursor:s-resize

十字箭头cursor:move

箭头朝右cursor:move

加一问号cursor:help

箭头朝左cursor:w-resize

箭头朝上cursor:n-resize

箭头朝右上cursor:ne-resize

箭头朝左上cursor:nw-resize

文字I型cursor:text

箭头斜右下cursor:se-resize

箭头斜左下cursor:sw-resize

漏斗cursor:wait

光标图案(IE6) p {cursor:url("光标文件名.cur"),text;} 六、CSS框线一览表：

border-top : 1px solid #6699cc; /*上框线*/

border-bottom : 1px solid #6699cc; /*下框线*/

border-left : 1px solid #6699cc; /*左框线*/

border-right : 1px solid #6699cc; /*右框线*/

以上是建议书写方式,但也可以使用常规的方式如下: border-top-color : #369 /*设置上框线top颜色*/ border-top-width :1px /*设置上框线top宽度*/

border-top-style : solid/*设置上框线top样式*/

其他框线样式

solid /*实线框*/

dotted /*虚线框*/

double /*双线框*/

groove /*立体内凸框*/

ridge /*立体浮雕框*/

inset /*凹框*/

outset /*凸框*/

七、CSS表单运用：

文字方块

按钮

复选框

选择钮

多行文字方块

下拉式菜单选项1选项2

八、CSS边界样式：

margin-top:10px; /*上边界*/

margin-right:10px; /*右边界值*/

margin-bottom:10px; /*下边界值*/

margin-left:10px; /*左边界值*/

CSS 属性：字体样式(Font Style)

序号中文说明标记语法

1 字体样式{font:font-style font-variant font-weight font-size font-family}

2 字体类型{font-family:"字体1","字体2","字体3",...}

3 字体大小{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}

4 字体风格{font-style:inherit|italic|normal|oblique}

5 字体粗细{font-weight:100-900|bold（粗体）|bolder（特粗）|lighter（细体）|normal （正常）;}

6 字体颜色{color:数值;}

7 阴影颜色{text-shadow:16位色值}

8 字体行高{line-height:数值|inherit|normal;}

9 字间距{letter-spacing:数值|inherit|normal}

10 单词间距{word-spacing:数值|inherit|normal}

11 字体变形{font-variant:inherit|normal|small-cps }

12 英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}

13 字体变形{font-size-adjust:inherit|none}

14 字体

{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|no rmal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}

文本样式(Text Style)

序号中文说明标记语法

1 行间距{line-height:数值|inherit|normal;}

2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink}

3 段首空格{text-indent:数值|inherit}

4 水平对齐{text-align:left|right|center|justify}

5 垂直对齐

{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}

6 书写

方式{writing-mode:lr-tb|tb-rl}

背景样式

序号中文说明标记语法

1 背景颜色{background-color:数值}

2 背景图片{background-image: url(URL)|none}

3 背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}

4 背景固定{background-attachment:fixed|scroll}

5 背景定位{background-position:数值|top|bottom|left|right|center}

6 背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}

框架样式(Box Style)

序号中文说明标记语法

1 边界留白{margin:margin-top margin-right margin-bottom margin-left}

2 补白{padding:padding-top padding-right padding-bottom padding-left}

3 边框宽度{border-width:border-top-width border-right-width border-bottom-width border-left-width}

宽度值：thin|medium|thick|数值

4 边框颜色{border-color:数值数值数值数值}数值：分别代表top、right、bottom、left颜色值

5 边框风格

{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}

6 边框{border:border-width border-style color}

上边框{border-top:border-top-width border-style color}

右边框{border-right:border-right-width border-style color}

下边框{border-bottom:border-bottom-width border-style color}

左边框{border-left:border-left-width border-style color}

7 宽度{width:长度|百分比| auto}

8 高度{height:数值|auto}

9 漂浮{float:left|right|none}

10 清除{clear:none|left|right|both}

分类列表

序号中文说明标记语法

1 控制显示{display:none|block|inline|list-item}

2 控制空白{white-space:normal|pre|nowarp}

3 符号列表

{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|uppe r-alpha|none}

4 图形列表{list-style-image:URL}

5 位置列表{list-style-position:inside|outside}

6 目录列表{list-style:目录样式类型|目录样式位置|url}

7 鼠标形状

{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resiz e|sw-resize}

CSS属性大全

[背景]属性共有六项：

「背景颜色」（background-color），设置背景颜色。

「背景图像」（background-image），设置网页背景图像。

「重复」（background-repeat），控制背景图像的平铺方式，有不重复（no-repeat）、重复（repeat，沿水平、垂直方向平铺）、横向重复（repeat-X，图像沿水平方向平铺）和纵向重复（repeat-Y，沿图像垂直方向平铺）等4种选择。

「附加」（background-attachment），用于控制背景图像是否会随页面的滚动而一起滚动。有固定（fixd，文字滚动时，背景图像保质固定）和滚动（scroll，背景图像随文字内容一起滚动）两种选择。

「水平位置」/「垂直位置」（background-position），确定背景图像的水平、垂直位置

。共

有左对齐（left）、右对齐（right）、顶部（top）、底部（bottom）、居中（center）和值（自定义背景图像的起点位置，可使用户对背景图像的位置做出更精确的控制）等6种选择。

[类型]属性共有九项：

「字体」（font-family），设定时，需考虑浏览器中有无该字体。

「大小」（font-size），注意度量单位。

「粗细」（font-weight），除了normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置方式。

「样式」（font-style），也就是字型。

「行高」（line-height），就是行距。注意，行距只能以是字体大小值为

「变形」（font-variant），可以将正常文字一半尺寸后大写显示，但IE目前不支持这项属性。

「大小写」（text-transform），这项属性能轻而易举地控制字母大小写，有首字大写（capitalize、大写（uppercase）、小写（lowercase）和无（none，使所有继承文字和变形参数被忽略，文字将以正常形式显示）等4种。

「修饰」（text-decoration），用于控制链接文本的显示形态，有下划线（underline）、无下划线（overline）、删除线（line-through）、闪烁（blink）和无（none ，使上述效果均不会发生）等5种修饰方式。但IE4不支持文字闪烁。

[区块]属性共有六项：

「单词间距」（word-spacing），主要用于控制文字间相隔的距离。有正常（normal）和值（自定义间隔值）两种选择方式。当选择值时，可用的单位有英吋（in）、厘米（cm）、毫米（mm）、点数(pt）、12pt字(pc）、字体高（em）、字体x有高（ex）像素（px）。

「字母间距」（letter-spacing），其作用与字符间距类似，也有正常（normal）和值（自定义间隔值）两种选择方式。

「垂直对齐」（vertical-align），控制文字或图像相对于其母体元素的垂直位置。如将一个2×3像素的GIF图像同其母体元素文字的顶部垂直对齐，则该GIF图像将在该行文字的顶部显示。共有基线（baseline，将元素的基准线同母体元素的基准线对齐）、下标（sub，将元素以下标的形式显示）,上标（super，将元素以上标的形式显示）、顶部（top ，将元素顶部同最高的母体元素对齐）、文本顶对齐（text-top，将元素的顶部同母体元素文字的顶部对齐）、中线对齐（middle，将元素的中点同母体元素的中点对齐）、底部（bottom，将元素的底部同最低的母体元素对齐）及值（自定义）等9种选择。

「文本对齐」（text-align），设置块的水平对齐方式。共有左对齐（left）、右对齐（right）、居中（center）和均分（justify）等4种选择。

「文字缩进」（text-indent），控制块的缩进程度。

「空白间距」

（white-space），在HTML中，空格是被省略的；在CSS中则使用属性（white-space）控制空格的输入。共有正常（normal）、保留（pre）和不换行（nowrap）等3种选择。

[边框]的属性有3项：

「宽」（border-width），控制边框的宽度，其中分为4个属性：border-top-width 顶边框的宽度、border-right-width右边框的宽度、border-bottom-width底边框的宽度、border-left-width左边框的宽度。

「颜色」（border-color），设置各边框的颜色。若要使边框的四边显示不同的颜色，可在设置中分别列出。如，

p{: #ff0000 #009900 #0000ff #55cc00}

浏览器将四种颜色依次理解为：上边框、右边框、底边框和左边框（自上开始顺时针）。

「样式」（border-style），设定边框的样式，共有无（none）、虚线（dotted）、点划线线（dotted）、点划线（dashed）、实线（solid）、双线（double ）、槽状（grove）、脊状（ridge）、凹陷（inset）和凸起（outset）等9种。

「盒子」属性共有6项：

「宽」（width），确定盒子本身的宽度，可以使盒子的宽度不依靠它所包含的内容多少。

「高」（height），确定盒子本身的高度。

「浮动」（float），设置块元素的浮动效果。

「清除」（clear），用于清除设置的浮动效果。

「边距」（margin），控制围绕边框的边距大小。其中包含4个属性：margin-top 控制上边距的宽度、margin-right控制右边距的宽度、margin-bottom控制下边距的宽度、margin-left控制左边距的宽度。

「边界」（padding），确定围绕块元素的空格填充数量，其中包含4个属性「padding-top控制上留白的宽度、padding-right控制右留白的宽度、

padding-bottom控制下留白宽度、padding-left控制左留白的宽度。

[列表]属性共有3项：

「类型」（list-style-type），确定列表每一项前使用的符号，共有圆点（disc）、圆圈（circle）、方形（square）、数字（decimal）、小写罗马数字（lower-roman ）、大写罗马数字（upper-roman）、小写字母（lower-alpha）和大写字母（upper－alpha）等8种。

「项目图像」（list-style-image），其作用是将列表前面的符号换为图形。

「位置」（list-style-position），用于描述列表位置，有内（outside）和外（inside）两种选择。

[定位]属性共有6项：

「类型」（position），用于确定定位的类型，共有绝对（absolute）、相对（relative）和静态（static）等3种选择。

「Z轴」（z-index），用于控制网页中块元素的叠放顺序，可为元素设置重叠效果。该属性的参数值使用纯整数，值为0时，元素在最下层，适用于绝对定位或相对定位的元素。

「显示」（visibility）使用该属性可将网页中的元素隐藏，共有继承（

inherit，继承母体要素的可视性设置）、可见（visible）和隐藏（hidden）等3种选择。

「溢出」（overflow），在确定了元素的高度和宽度后，如果元素的面积不能全部显示元素中的内容时，该属性做一日和尚撞一天钟起作用了。其中共有可见（visible，扩大面积以显示所有内容）、隐藏（hidden，隐藏超出范围的内容）、滚动（scroll，在元素的右边显示一个滚动条）和自动（auto，当内容超出元素面积时，显示滚动条）等4种选择。

「定位」，当为元素确定了绝对定位类型后，该组属性决定元素在网页中的具体位置。该组属性包含4个子属性，分别是「左」（属性名为「left」，控制元素左边的起始位置）、「上」（属性名为「top」，控制元素上面的起始位置）、「宽」或「高」（与「盒子」类属性面板中「宽」或「高」的属性作用相同）。

「剪辑」（clip），当元素被指定为绝对定位类型后，该属性可以把元素区域切成各种形状，但目前提供的只有方形一种。属性值为rect(top right bottom left)，即：

rect(top right bottom left)，属性值的单位为任何一种长度单位。

[扩展]属性共有两部分：

「分页」，其中两个属性的作用是为打印的页面设置分页符。「之前」

（page-break-before）；「之后」（page-break-after）。

「视觉效果」，其中两个属性的作用是为网页中的元素施加特殊效果。「光标」（cusor），可以指定在某个元素上要使用的光标形状，共有15种选择方式，分别代表鼠标在Windows操作系统中的各种形状。另外它还可以指定指针图标的URL地址；「滤镜」（fiter），可以为网页中元素施加各种奇妙的滤镜效果，共包含有16种滤镜

字体属性：(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;(表格标题) /*display 属性的了解很模糊*/

方框属性：(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;

位置list-style-position: outside;(外) inside;

图像list-style-image: url(..);

定位属性：(Position)

Position: absolute; relative; static;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect(12px,auto,12px,auto) (裁切)

CSS颜色代码大全

CSS颜色代码大全转载▼ CSS颜色代码大全

顏色名稱代碼顏色 maroon #800000 darkred #8B0000 brown #A52A2A firebrick #B22222 crimson #DC143C red #FF0000 桃紅~紛紅顏色名稱代碼顏色 mediumvioletred #C71585 palevioletred #D87093 deeppink #FF1493 fuchsia(magenta) #FF00FF hotpink #FF69B4 pink #FFC0CB lightpink #FFB6C1 mistyrose #FFE4E1 lavenderblush #FFF0F5 紫顏色名稱代碼顏色 indigo #4B0082 purple #800080

darkmagenta #8B008B darkorchid #9932CC blueviolet #8A2BE2 darkviolet #9400D3 slateblue #6A5ACD mediumpurple #9370DB mediumslateblue #7B68EE mediumorchid #BA55D3 violet #EE82EE plum #DDA0DD thistle #D8BFD8 lavender #E6E6FA 褐~橘~米白顏色名稱代碼顏色 saddlebrown #8B4513 s IE nna #A0522D chocolate #D2691E indianred #CD5C5C rosybrown #BC8F8F lightcorol #F08080 salmon #FA8072 lightsalmon #FFA07A orangered #FF4500 tomato #FF6347 coral #FF7F50 darkorange #FF8C00 sandybrown #F4A460 peru #CD853F tan #D2B48C burlywood #DEB887 wheat #F5DEB3 moccasin #FFE4B5 navajowhite #FFDEAD peachpuff #FFDAB9 bisque #FFE4C4 antuquewhite #FAEBD7

HTML+CSS标签属性大全

HTML CSS标签属性大全 a卷标, 属性名称, 简介批注 1、跑马灯 …普通卷动 …滑动 …预设卷动 …来回卷动 …向下卷动 …向上卷动向右卷动向左卷动 …卷动次数 …设定宽度 …设定高度 …设定背景颜色 …设定卷动距离 …设定卷动时间 2、字体效果

…

标题字(最大)

…

标题字(最小) …粗体字 …粗体字(强调) …斜体字 …斜体字(强调) …斜体字(表示定义) …底线 …底线(表示插入文字) …横线 …删除线 …删除线(表示删除) …键盘文字 … 打字体 …固定宽度字体(在文件中空白、换行、定位功能有效) …</plaintext>固定宽度字体(不执行标记符号) <listing>…</listing> 固定宽度小字体 <font color=00ff00>…</font>字体颜色 <font size=1>…</font>最小字体 <font style =font-size:100 px>…</font>无限增大 3、区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <nobr>…</nobr>水域(不换行)</p><h2>HTML／CSS代码开发规范文档</h2><p>HTML/CSS代码开发规范文档</p><p>目录 1、前言 (4) 2、HTML编码规范 (4) 2-1HTML标记的关闭规范 (4) 2-2HTML文件头基本标记 (4) 2-2HTML正文代码标记元素 (5) 2-3HTML标记的缩进规范 (6) 3、HTML文件引入CSS样式代码和Javascript代码规范 (6) 3-1引入css样式代码规范 (6) 3-2引入Javascript代码规范 (7) 4、HTML注释标签 (8) 5、CSS编码规范 (8) 5-1 CSS编码要求 (8) 5-2 CSS样式表规范 (8) 5-3 CSS命名规范 (9) 5-4样式文件命名 (10) 5-5样式文件布局 (11) 6、CSS常规书写规范及方法 (11) 6-1文件调用方法: (11) 6-2 CSS结构化书写 (11) 6.2.1派生选择器： (11) 6.2.2辅助图片用背影图处理： (12) 6.2.3结构与样式分离： (12) 6.2.4文档的结构化书写 (12) 6-3 HACK CSS书写规范 (13) 6.3.1 IE6、IE7、Firefox之间的兼容写法 (13) 6.3.2屏蔽IE浏览器 (14) 6.3.3清除浮动 (14) 6.3.4鼠标手势 (15) 7、CSS性代码缩写 (15) 7.1不同类有相同属性及属性值的缩写 (15) 7.2同一属性的缩写 (16) 7.3内外侧边框的缩写 (16) 7.4颜色值的缩写 (18) 8、CSS注释书规范 (18) 8.1行间注释 (18) 8.2整段注释 (18)</p><p>1、前言本编程规范适用于需要编写HTML/CSS代码的网页程序开发人员。本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。 2、HTML编码规范 HTML是一种标记语言, HTML没有任何真正的编程语言中的循环或是流程控制语句。然而，HTML代码的格式和风格是非常重要的，因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局,增强可读性，而使其易懂和易于维护。HTML代码本身是不区分大小写的，但是为了更好的统一代码布局，项目中HTML文件标记都以小写为主。 2-1HTML标记的关闭规范 HTML文档的正文都应在<body></body>标记中间，而<body>标记则应包含在<html>和</html>标记之间。如： <html > <body>正文</body> </html> 不同类的标记不能交叉编码： eg: <font>内容 </font> 正确编码应为：<font>内容</font> 开始和关闭标记放在一行的标记有: eg: <b>和</b> <u>和</u> <i>和</i> 各种标题标记，如<h1>…</h1>等 <a>和</a> 2-2HTML文件头基本标记 ①<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.doczj.com/doc/6217241497.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ②<html xmlns="https://www.doczj.com/doc/6217241497.html,/1999/xhtml"></p><h2>CSS属性代码大全</h2><p>CSS属性代码大全一、CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白： padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白三、CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/</p><h2>css常用class名</h2><p>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</p><h2>css样式大全(精华版)</h2><p>字体属性：(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;(不换行)</p><h2>css样式大全(整理版)</h2><p>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; 数值</p><h2>CSS颜色字体代码,颜色大全 css 字体颜色</h2><p>0CSS 颜色大全css 字体颜色 CSS 颜色大全css 字体颜色,将颜色代码代替css里面的颜色，就可以。div中控制某段字体颜色html代码div id=sidebar spanCSS 颜色大全css 字体颜色/span/div CSS文件#sidebar { } #sidebar .span{ color:# ? ? 你正在观看的是:CSS 颜色大全css 字体颜色 CSS 颜色大全css 字体颜色,将颜色代码代替css里面的颜色，就可以。 div中控制某段字体颜色 html代码 <div id="sidebar"> <span>CSS 颜色大全css 字体颜色</span></div> CSS文件 #sidebar { } #sidebar .span{ color:#FF0000 } 1 白色#FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红#FF00FF 6 青色#00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色#5C3317 11 蓝紫色#9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色#8C7853 16 2号青铜色#A67D3D 17 士官服蓝色#5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红#FF7F00 21 紫蓝色#42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿#4F4F2F 26 深兰花色#9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色#97694F 32 深绿松石色#7093DB 32 深绿松石色#7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色 #856363 36 长石色#D19275 37 火砖色 #8E2323 62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色#3232CD 65 中森林绿#6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB 68 中海绿色 #426F42 69 中石板蓝色 #7F00FF</p><h2>HTML代码大全</h2><p><><> 创建一个文档 <><> 设置文档标题和其它在网页中不显示地信息 <><> 设置文档地标题 <><> 最大地标题 <><> 预先格式化文本 <><> 下划线 <><> 黑体字 <><> 斜体字 <><> 打字机风格地字体 <><> 引用,通常是斜体 <><> 强调文本(通常是斜体加黑体) <><> 加重文本(通常是斜体加黑体) < "" ""><> 设置字体大小从到，颜色使用名字或地十六进制值 <><> 基准字体标记 <><> 字体加大 <><> 字体缩小 <><> 加删除线 <><> 程式码 <><> 键盘字 <><> 范例 <><> 变量 <><> 向右缩排 <><> 述语定义 <><> 地址标记 <><> 上标字 <><> 下标字 <>...<>固定寬度字体(在文件中空白、換行、定位功能有效) <>...<>固定寬度字體(不執行標記符號) <>...<> 固定寬度小字體 < >...<>字體顏色 < >...<>最小字體 < " ">...<>無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<><> 创建一个段落 < ""> 将段落按左、中、右对齐 <>换行插入一个回车换行符 <><> 从两边缩进文本 <><> 定义列表 <> 放在每个定义术语词前 <> 放在每个定义之前 <><> 创建一个标有数字地列表 <><> 创建一个标有圆点地列表 <> 放在每个列表项之前,若在<><>之间则每个列表项加上一个数字, 若在<><>之间则每个列表项加上一个圆点 < ""><> 用来排版大块段落,也用于格式化表 <> 选项清单</p><p><> 目录清单 <><> 强行不换行 < "" "" "">水平線(設定寬度) <><> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆< ""><> 创建超文本链接 < ""> <> 创建自动发送电子邮件地链接 < ""><> 创建位于文档内部地书签 < ""><> 创建指向位于文档内部书签地链接 <> 文档中不能被该站点辨识地其它所有链接源地 <> 定义一个链接和源之间地相互关系 ◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆ ◆"..."决定链接源在什么地方显示(用户自定义地名字， ◆"..."发送链接地类型 ◆"..."保存链接地类型 ◆"..."指定该元素地热键 ◆"..."允许我们使用已定义地形状定义客户端地图形镜像(，，， ◆"..."使用像素或者长度百分比来定义形状地尺寸 ◆"..."使用定义过地元素设置在各个元素之间地焦点获取顺序(使用键使元素获得焦点) ◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆ <><> 创建一个表格 <><> 表格中地每一行 <><> 表格中一行中地每一个格子 <><> 设置表格头:通常是黑体居中文字 < ""> 设置表格格子之间空间地大小 < ""> 设置边框地宽度 < ""> 设置表格格子边框与其内部内容之间空间地大小 < ""> 设置表格地宽度.用绝对像素值或总宽度地百分比 < ""> 设置表格格子地水平对齐方式() < ""> 设置表格格子地水平对齐方式() < ""> 设置表格格子地垂直对齐方式() < ""> 设置一个表格格子跨占地列数(缺省值为) < ""> 设置一个表格格子跨占地行数(缺省值为) < > 禁止表格格子内地内容自动断行 <><> 表格地标题 <><> 定义多个列为一组列 <><> 创建一个表格 <><> 定义表格地页眉 <> 定义一个列组中地列，以便对它们能够同时设置有关属性 <><> 定义一个表格地实体 <><> 定义一个表格地页脚 ◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆ <><> 创建表单 "..."接收数据地服务器地 "..."地方法(, ).其中是被反对使用地 "..."指定(媒体类型)</p><h2>Html网页字体颜色代码大全</h2><p>Html网页字体颜色代码大全好多人找html网页字体颜色都要去PS或者fireworks里面对照看下，那样太麻烦了，我给大家总结出一些用于Html网页文字颜色的代码，以免在去大家软件看看是什么颜色，html网页的代码太多了，我找的这些都是基本常用的字体颜色吧！也记录给我自己用的，以后就不会在去软件里面看下到底用哪种文字代码，希望大家喜欢!至于怎么详细的操作就不用我给大家说了吧！呵呵，喜欢的话大家赶快搜藏起来吧！以免用的时候方面喔！看看是不是大全啊? <font color="输入颜色代码">输入文字</font> 颜色代码大全： 1 白颜色 #FFFFFF 2 红颜色 #FF0000 3 绿颜色 #00FF00 4 蓝颜色 #0000FF 5 牡丹红 #FF00FF 6 青颜色 #00FFFF 7 黄颜色 #FFFF00 8 黑颜色 #000000 9 海颜蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD</p><h2>网页特效CSS大全</h2><p>HTML网页特效CSS大全 css属性代码大全一CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白三、CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/</p><h2>html常用代码</h2><p>1、文字大小、颜色、加粗、倾斜的代码 *文字加大、加色的代码是:；<font size=7 color=green>文字</font> 效果：文字 font size 的参数范围1 至7；最大字体为7 （若要再大须用font style 的代码。参看本帖第10条阴影字）*文字加粗的代码是:；<b>文字</b> *文字倾斜的代码是；<i>文字</i> *底线字：<u>文字</u> 2、文字对齐的代码：靠左对齐：<p align=left>文字置中对齐：<p align=center>文字靠右对齐：<p align=right>文字 3、插入文字链接的代码：不另开视窗的链接代码：<a href="https://www.doczj.com/doc/6217241497.html,/">椰风蕉雨</a>另打开一个新视窗的代码：<a href="https://www.doczj.com/doc/6217241497.html,/"</p><p>target="_blank">椰风蕉雨</a> 4、贴图片的代码原图大小黏贴图片：<img src="图片网址"> 放大或缩小图片：<img src="图片网址" width="宽度" height="高度"> 5、图片链接代码点击图片打开一个网页的链接代码如下： <a href="网页地址"><img src="图片网址" width="图片宽度" height="图片高度"></a> 点击图片打开新窗口的链接代码如下： <a href="网页地址" target="_blank"><img src="图片网址" width="图片宽度" height="图片高度"></a> 上面的图片宽度、高度可调节图片尺寸大小。 6、换行代码贴文需要换行时，直接用Enter键是不行的，需要在您想换行的位置输入<br>，这样就会分成两行显示，整个贴文看起来也不会是一大片了，而是段落分明。</p><h2>CSS属性大全完整版</h2><p>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; (闪烁) 常用字体</p><p>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; (居中) 缩进</p><h2>CSS代码示例</h2><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.doczj.com/doc/6217241497.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>CSS样式</title> </head> <body> <font color="#FF0000">style样式写在<head>与</head>之间</font> 1.内嵌样式： <P style="font-size:20pt; color:red">这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体，字体颜色是红色。 <P>这段文字没有使用内嵌样式。 2.内部样式表： <HEAD> <STYLE type="text/css"> H1.mylayout {border-width: 1; border: solid; text-align: center;color:red} </STYLE> </HEAD> <BODY> <H1 class="mylayout"> 这个标题使用了Style。</H1> <H1>这个标题没有使用Style。</H1> </BODY> 3.外部样式表： <HEAD> <link href="/css/home.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <H1 class="mylayout"> 这个标题使用了Style。</H1> <H1>这个标题没有使用Style。</H1> </BODY> 4.通用样式表： <HEAD> <TITLE>Generic Class Selector </title> <STYLE TYPE="text/css"> .center {text-align:center} </STYLE> </HEAD> <h1 class = "center">这个标题居中显示。</h1> <p class = "center">这个段落居中显示。</p><h2>CSS常用文本属性</h2><p>CSS常用文本属性文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值： ?left (居左，缺省值) ?right (居右) ?center (居中) ?justify (两端对齐) 示例代码如下： .p2 {text-align:right} 演示示例文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。有以下值： ?none (无，缺省值) ?underline (下划线) ?overline (上划线) ?line-through (当中划线) 示例代码如下： .p2 {text-decoration: underline} 演示示例文本缩进属性(text-indent) 这个属性设定文本首行缩进。其值有以下设定方法： ?length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位(em, ex, px)) ?percentage (百分比，相当于父对象宽度的百分比) 示例代码如下： .p1 {text-indent: 8mm} 演示示例行高属性(line-height) 这个属性设定每行之间的距离。其值有以下设定方法： ?normal (缺省值) ?length (长度，可以用绝对单位(cm, mm, in, pt,pc)或者相对单位(em, ex, px)) ?percentage (百分比，相当于父对象高度的百分比) 示例代码如下： .p1 {line-height:1cm} 演示示例字间距属性(letter-spacing) 这个属性用来设定字符之间的距离。 ?normal (缺省值) ?length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位(em, ex, px)) 示例代码如下： .p1 {letter-spacing: 3mm}</p><h2>JavaScript 经典代码大全</h2><p>代码一 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table>可用于Table 2. <body onselectstart="return false">取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon"href="favicon.ico">IE地址栏前换成自己的图标 6. <link rel="Bookmark"href="favicon.ico">可以在收藏夹中显示出你的图标 7. <input style="ime-mode:-Disabled">关闭输入法 8. 永远都会带着框架 <script language="javascript"></script> 9. 防止被人frame <SCRIPT LANGUAGE=javascript></SCRIPT> 10. 网页将不能被另存为 <noscript><iframe src=*.html></iframe></noscript> 11. <input type=button value=查看网页源代码 onclick="window.location = `view-source:`+ https://www.doczj.com/doc/6217241497.html,/`";> 12.删除时确认 <a href=`javascript:if(confirm("确实要删除吗?"location="boos.asp?&areyou=删除&page=1"`>删除</a> 13. 取得控件的绝对位置 //javascript <script language="javascript"> function getIE(E){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } alert("top="+t+"/nleft="+l); } </script> //VBScript <script language="VBScript"><!--</p><h2>网页颜色选择器 - 颜色代码对照表</h2><p>网页颜色选择器- 颜色代码对照表用法：点击你需要的颜色，屏幕就会呈现出效果，并显示出颜色的名称和颜色数值使用方法:把代码复制到记事本中,再把.txt保存为.html格式或.mht格式就可以了是制作网页时的好帮手</p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>网页颜色选择器- 颜色代码对照表</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css>TD { FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "宋体" } BODY { SCROLLBAR-FACE-COLOR: #eeeaeb; SCROLLBAR-HIGHLIGHT-COLOR: #fbfdfc; SCROLLBAR-SHADOW-COLOR: #170708; COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #170708; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #170708 } </STYLE> <SCRIPT language=JavaScript> function ChangeColor(form, ColorName) { var ColorV alue = " "; if (ColorName == 'aliceblue') ColorV alue = "#F0F8FF"; if (ColorName == 'antiquewhite') ColorV alue = "#FAEBD7"; if (ColorName == 'aqua') ColorV alue = "#00FFFF"; if (ColorName == 'aquamarine') ColorV alue = "#7FFFD4"; if (ColorName == 'azure') ColorV alue = "#F0FFFF"; if (ColorName == 'beige') ColorV alue = "#F5F5DC"; if (ColorName == 'bisque') ColorV alue = "#FFE4C4"; if (ColorName == 'black') ColorV alue = "#000000"; if (ColorName == 'blanchedalmond') ColorV alue = "#FFEBCD"; if (ColorName == 'blue') ColorV alue = "#0000FF"; if (ColorName == 'blueviolet') ColorV alue = "#8A2BE2"; if (ColorName == 'brown') ColorV alue = "#A52A2A"; if (ColorName == 'burlywood') ColorV alue = "#DEB887"; if (ColorName == 'cadetblue') ColorV alue = "#5F9EA0"; if (ColorName == 'chartreuse') ColorV alue = "#7FFF00"; if (ColorName == 'chocolate') ColorV alue = "#D2691E"; if (ColorName == 'coral') ColorV alue = "#FF7F50"; if (ColorName == 'cornflowerblue') ColorV alue = "#6495ED"; if (ColorName == 'cornsilk') ColorV alue = "#FFF8DC"; if (ColorName == 'crimson') ColorV alue = "#DC143C"; if (ColorName == 'cyan') ColorV alue = "#00FFFF"; if (ColorName == 'darkblue') ColorV alue = "#00008B"; if (ColorName == 'darkcyan') ColorV alue = "#008B8B"; if (ColorName == 'darkgoldenrod') ColorV alue = "#B8860B"; if (ColorName == 'darkgray') ColorV alue = "#A9A9A9"; if (ColorName == 'darkgreen') ColorV alue = "#006400"; if (ColorName == 'darkkhaki') ColorV alue = "#BDB76B";</p> <div> <div>相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="5061859"><a href="/topic/5061859/" target="_blank">css常用代码大全</a></li> <li id="7331179"><a href="/topic/7331179/" target="_blank">css代码大全</a></li> <li id="22682741"><a href="/topic/22682741/" target="_blank">css常用代码</a></li> <li id="2792706"><a href="/topic/2792706/" target="_blank">常用css代码</a></li> <li id="6971165"><a href="/topic/6971165/" target="_blank">css颜色代码</a></li> <li id="20956107"><a href="/topic/20956107/" target="_blank">css样式表代码</a></li> </ul> </div> </div> </div> <div class="container"> <div>文本预览</div> <div class="textcontent"> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/738680804.html" target="_blank">css样式大全(精华版)</a></li> <li><a href="/doc/9f8531392.html" target="_blank">css代码大全</a></li> <li><a href="/doc/b41834824.html" target="_blank">网站网页制作的常用代码大全</a></li> <li><a href="/doc/0518083103.html" target="_blank">CSS大全,最全的常用css代码</a></li> <li><a href="/doc/ee4785125.html" target="_blank">CSS大全</a></li> <li><a href="/doc/5a504152.html" target="_blank">HTML中CSS样式标签大全及用法</a></li> <li><a href="/doc/8c839436.html" target="_blank">CSS颜色代码大全</a></li> <li><a href="/doc/a914563480.html" target="_blank">常用js代码大全</a></li> <li><a href="/doc/c78230490.html" target="_blank">css代码大全</a></li> <li><a href="/doc/242762755.html" target="_blank">HTML代码大全</a></li> <li><a href="/doc/f018487796.html" target="_blank">CSS标签大全(最终整理版)</a></li> <li><a href="/doc/6217241497.html" target="_blank">css代码大全</a></li> <li><a href="/doc/9e2083534.html" target="_blank">网页常用代码大全</a></li> <li><a href="/doc/b3724455.html" target="_blank">CSS常用属性和属性大全</a></li> <li><a href="/doc/0a6542756.html" target="_blank">CSS样式大全</a></li> <li><a href="/doc/df6009409.html" target="_blank">常用代码</a></li> <li><a href="/doc/4b16441469.html" target="_blank">css常用代码大全</a></li> <li><a href="/doc/89621731.html" target="_blank">css代码大全</a></li> <li><a href="/doc/ad10089989.html" target="_blank">DW CSS大全,最全的常用css代码1t</a></li> <li><a href="/doc/c66462591.html" target="_blank">css常用代码大全</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "6e90d2c5db38376baf1ffc4ffe4733687e21fca8"; </script> <script type="text/javascript">bdtj();</script> <footer class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p> <p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a>  本站资源均为网友上传分享，本站仅负责分类整理，如有任何问题可通过上方投诉通道反馈 <script type="text/javascript">foot();</script> </p> </footer> </body> </html>