字体属性：(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文字属性：
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|normal| 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|upper-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-resize|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种滤镜
HTML+CSS标签属性大全
HTML CSS标签属性大全 a卷标, 属性名称, 简介 批注 1、跑马灯 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 2、字体效果
…
标题字(最大)
…
标题字(最小)
…粗体字
…粗体字(强调)
…斜体字
…斜体字(强调)
…斜体字(表示定义)
…底线
…底线(表示插入文字)
…横线
…删除线
…删除线(表示删除)
…键盘文字
… 打字体
<![CDATA[…]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[…</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>《CSS样式》习题</h2><p>一、选择题 1．CSS是（）的缩写。 A．C olorful S tyle S heets B．C omputer S tyle S heets C．C ascading S tyle S heets D．C reative S tyle S heets 2．引用外部样式表的格式是（）。 A．<style src="mystyle.css"> B．<link rel="stylesheet" type="text/css" href="mystyle.css"> C．<stylesheet>mystyle.css</stylesheet> 3．引用外部样式表的元素应该放在（）。 A．HTML文档的开始的位置 B．HTML文档的结束的位置 C．在head元素中 D．在body元素中 4．内部样式表的元素是（）。 A．<style> B．<css> C．<script> 5．元素中定义样式表的属性名是（）。 A．style B．class C．styles D．font 6．下列（）是定义样式表的正确格式。 A．{body:color=black(body} B．body:color=black C．body {color: black} D．{body;color:black} 7．下列（）是定义样式表中的注释语句。 A．/* 注释语句*/ B．// 注释语句 C．// 注释语句// D．‘ 注释语句</p><p>8．如果要在不同的网页中应用相同的样式表定义，应该（）。 A．直接在HTML的元素中定义样式表 B．在HTML的<head>标记中定义样式表 C．通过一个外部样式表文件定义样式表 D．以上都可以 9．样式表定义#title {color:red} 表示（）。 A．网页中的标题是红色的 B．网页中某一个id为title的元素中的内容是红色的 C．网页中元素名为title的内容是红色的 D．以上任意一个都可以 10．样式表定义.outer {background-color:yellow} 表示（）。 A．网页中某一个id为outer的元素的背景色是红色的 B．网页中含有class=”outer”元素的背景色是红色的 C．网页中元素名为outer元素的背景色是红色的 D．以上任意一个都可以 11．下列（）表示p元素中的字体是粗体。 A．p {text-size:bold} B．p {font-weight:bold} C．<p style="text-size:bold"> D．<p style="font-size:bold"> 12．下列（）表示a元素中的内容没有下划线。 A． a {text-decoration:no underline} B． a {underline:none} C． a {text-decoration:none} D． a {decoration:no underline} 13．下列（）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px，。 A．border-width:10px 1px 5px 20px B．border-width:10px 5px 20px 1px C．border-width:5px 20px 10px 1px D．border-width:10px 20px 5px 1px 14．下列（）表示左边距。 A．margin-left B．margin C．indent D．text-indent</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.wendangku.net/doc/c76462591.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ②<html xmlns="https://www.wendangku.net/doc/c76462591.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样式表2课时</h2><p>CSS样式表 教学课时：2节 教学目标：介绍CSS样式表的概念、应用，及深化CSS样式知识点。 教学重点难点：１、样式表的导入和导出。 ２、对两种以上链接样式的掌握。 教学过程： 一、css样式表 我们已经学习了如何在DW中使用CSS，我们通过CSS面板可以建立、修改、删除CSS 样式，我们也知道了新建CSS样式文件或仅对该文档建立样式。但我们知道的仅此而已，离开DW软件，我们对CSS不无所知。今天我们要来学习CSS语法，来深入了解CSS的实质。 CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。优点是结构与格式分离；对网页布局、字体、背景和其它图文效果实现更加精确的控制；更好的易用性和扩展性，可以单独以一个文件的形式出现。 网页设计最初是用HTML标记来定义页面文档及格式，例如标题＜h1＞、段落＜p＞、表格＜table＞、链接＜a＞等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。 你可以用CSS精确的控制页面里每一个元素的字体样式、背景、排列方式、区域尺寸、四周加入边框等。使用CSS能够简化网页的格式代码，加快下载显示的速度，外部链接样式可以同时定义多个页面，大大减少了重复劳动的工作量。 注意：CSS需要IE4(Internet Explorer 4.0)和NC4(Netscape 4.0)以上的浏览器支持，有些效果需要更高版本的浏览器支持。 二、基础语法 CSS语法主要有三种： ①自定义CSS样式，格式为“样式名” 如：.a1 定义样式名为.a1，颜色为红色，文字大小为12象素 自定义样式名必须由“点”开头，样式名最好为字母或数字 自定义样式通过"class=样式名"可被任何HTML标记运用 如：＜p class="a1"＞...＜/p＞＜table class="a1"＞...＜/table＞＜div class="a1"＞...＜/div＞＜span class="a1"＞...＜/span＞ ②重定义HTML标记，格式为“HTML标记｛属性名：属性值；属性名：属性值；｝”</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>网页特效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.wendangku.net/doc/c76462591.html,/">椰风蕉雨</a>另打开一个新视窗的代码：<a href="https://www.wendangku.net/doc/c76462591.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>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.wendangku.net/doc/c76462591.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>css常用代码大全</h2><p>css常用代码大全，html+css代码 (2013-01-19 13:39:40) html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。 一.文本设置 1、font-size: 字号参数 2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 color: 参数 注意使用网页安全色 二、超链接设置 text-decoration: 参数 主要用途是改变浏览器显示文字链接时的下划线。 参数取值范围： underline：为文字加下划线 overline：为文字加上划线 line-through：为文字加删除线 blink：使文字闪烁 none：不显示上述任何效果 三、背景 1、背景颜色 background-color: 参数 2、背景图片 background-image: url(URL) URL就是背景图片的存放路径，none表示无。 3、背景图片重复 background-repeat: 参数 参数取值范围： no-repeat：不重复平铺背景图片 repeat-x：使图片只在水平方向上平铺 repeat-y：使图片只在垂直方向上平铺 如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。 4、背景图片固定 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定 background-attachment: 参数 参数取值范围： fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动 scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动</p><h2>HTML标签代码大全(DIVCSS前端开发者的福音)</h2><p>HTML代码大全免费下载 （在…里加入你要的文字即可） <!>忽视右键 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> <!>文字特效 移动模板：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE> 例子a.<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee> b.<marquee direction=left>啦啦啦，我从右向左移！</marquee> 啦啦啦，我从右向左移！ c.<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> 啦啦啦，我一圈一圈绕着走！ d.<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee> 啦啦啦，我来回走耶！</p><p>e.<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee> 啦啦啦，我走一步，停一停！ <marquee>…</marquee>普通卷动 <marquee behavior=slide>…</marquee>滑 <marquee behavior=scroll>…</marquee>预设卷动 <marquee behavior=alternate>…</marquee>来回卷动 <marquee direction=down>…</marquee>向下卷动 <marquee direction=up>…</marquee>向上卷 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>…</marquee>卷动次数 <marquee width=180>…</marquee>设定宽 <marquee height=30>…</marquee>设定高度 <marquee bgcolor=FF0000>…</marquee>设定背景颜色 <marquee scrollamount=30>…</marquee>设定卷动距离 <marquee scrolldelay=300>…</marquee>设定卷动时间 <!>区断标记 <hr>水平线 <hr size=9>水平线(设定大小)</p></div>
</div>
<div>
<div>相关文档</div>
<div class="relatedtopic">
<div id="tabs-section" class="tabs">
<ul class="tab-head">
<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="5061859"><a href="/topic/5061859/" target="_blank">css常用代码大全</a></li>
<li id="20956107"><a href="/topic/20956107/" target="_blank">css样式表代码</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="category">
<span class="navname">相关文档</span>
<ul class="lista">
<li><a href="/doc/ae18234225.html" target="_blank">淘宝css导航代码大全</a></li>
<li><a href="/doc/171782173.html" target="_blank">css样式大全(整理版)</a></li>
<li><a href="/doc/ea16762405.html" target="_blank">最新css样式大全(整理版)</a></li>
<li><a href="/doc/4016441469.html" target="_blank">css常用代码大全</a></li>
<li><a href="/doc/7f18032718.html" target="_blank">CSS标签属性大全</a></li>
<li><a href="/doc/aa4638889.html" target="_blank">CSS代码大全</a></li>
<li><a href="/doc/cb8230490.html" target="_blank">css代码大全</a></li>
<li><a href="/doc/164941429.html" target="_blank">css样式大全(精华版)</a></li>
<li><a href="/doc/6b8443609.html" target="_blank">淘宝(导航条css代码)</a></li>
<li><a href="/doc/8e4114543.html" target="_blank">HTML常用代码大全</a></li>
<li><a href="/doc/af12891967.html" target="_blank">CSS链接样式大全</a></li>
<li><a href="/doc/0818083103.html" target="_blank">CSS大全,最全的常用css代码</a></li>
<li><a href="/doc/e24785125.html" target="_blank">CSS大全</a></li>
<li><a href="/doc/4312433953.html" target="_blank">CSS颜色字体代码</a></li>
<li><a href="/doc/7d8680804.html" target="_blank">css样式大全(精华版)</a></li>
<li><a href="/doc/9912438126.html" target="_blank">CSS代码大全精选</a></li>
<li><a href="/doc/c76462591.html" target="_blank">css常用代码大全</a></li>
<li><a href="/doc/1c4650311.html" target="_blank">CSS属性代码大全</a></li>
<li><a href="/doc/f718487796.html" target="_blank">CSS标签大全(最终整理版)</a></li>
<li><a href="/doc/5414863596.html" target="_blank">最新css样式大全(整理版)</a></li>
</ul>
<span class="navname">最新文档</span>
<ul class="lista">
<li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
<li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
<li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li>
<li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
<li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
<li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
<li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
<li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
<li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
<li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li>
<li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li>
<li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
<li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
<li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li>
<li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li>
<li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "c569c65677232f60ddcca10d";
</script>
<div class="footer">
<p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2013-2023 www.wendangku.net <a href="/sitemap.html">站点地图</a> | <a href="https://m.wendangku.net">手机版</a></p>
<p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a> 本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈</p>
</div>
<script type="text/javascript">foot();</script>
</div>
</body>
</html>]]></plaintext></div></div>
