CoderDream 2008-02-03 15:09 鍙戣〃璇勮
]]>4.2銆丅lur 婊ら暅錛嶏紞妯＄硦鏁堟灉
4.3銆丗lipH銆丗lipV 婊ら暅錛嶏紞姘村鉤鍨傜洿緲昏漿
4.4銆丟ray婊ら暅錛嶏紞鐏板害
4.5銆両nvert婊ら暅錛嶏紞鍙嶈漿
4.6銆乆ray婊ら暅錛嶏紞X灝勭嚎
4.7銆乄ave婊ら暅錛嶏紞娉㈢汗
浣跨敤婊ら暅灞炴у彲浠ユ妸鍙鍖栫殑婊ら暅鍜岃漿鍦烘晥鏋滄坊鍔犲埌涓涓爣鍑嗙殑 HTML 鍏冪礌涓紝渚嬪鍥劇墖銆佹枃鏈紝浠ュ強鍏朵粬涓浜涘璞°傚浜庢護闀滃拰娓愬彉鏁堟灉錛屽墠鑰呮槸鍩虹錛屽悗鑰呮槸婊ら暅鏁堟灉鐨勪笉鏂彉鍖栧拰婕旂ず鏇存浛銆?涓嬮潰浠嬬粛鍑犵甯哥敤鐨勬護闀滐細(xì)
1銆丄lpha 婊ら暅-- 璁劇疆閫忔槑灞傛
鍩烘湰璇硶
{
filter: alpha (
opacity = opacity,
finishopacity = finishopacity,
style = style,
startx = startx,
starty = starty,
finishx = finishx,
finishy = finishy
)
}
filter: alpha (
opacity = opacity,
finishopacity = finishopacity,
style = style,
startx = startx,
starty = starty,
finishx = finishx,
finishy = finishy
)
}
璇硶瑙ｉ噴
Alpha 灞炴ф槸鎶婁竴涓洰鏍囧厓绱犱笌鑳屾櫙娣峰悎錛岃璁¤呭彲浠ユ寚瀹氭暟鍊兼潵鎺у埗娣峰悎鐨勭▼搴︺傝繖縐?#8220;涓庤儗鏅販鍚?#8221;閫氫織鍦拌灝辨槸涓涓厓绱犵殑閫忔槑搴︺傞氳繃鎸囧畾鍧愭爣錛屽彲浠ユ寚瀹氱偣銆佺嚎銆侀潰鐨勯忔槑搴︺傚畠浠殑鍚箟鍒嗗埆濡備笅錛?br />
銆銆“opacity”錛氫唬琛ㄩ忔槑搴︽按鍑嗐傝寖鍥存槸浠?~100錛屼粬浠叾瀹炴槸鐧懼垎姣旂殑褰㈠紡銆備篃灝辨槸璇達紝0浠ｈ〃瀹屽叏閫忔槑錛?00浠ｈ〃瀹屽叏涓嶉忔槑銆?br /> 銆銆“finishopacity”錛氭槸涓涓彲閫夊弬鏁幫紝濡傛灉鎯寵璁劇疆娓愬彉鐨勯忔槑鏁堟灉錛屽氨鍙互浣跨敤浠栦滑鏉ユ寚瀹氱粨鏉熸椂鐨勯忔槑搴︺傝寖鍥翠篃鏄? 鍒?100銆?br /> 銆銆“style”錛氭寚瀹氫簡閫忔槑鍖哄煙鐨勫艦鐘剁壒寰併傚叾涓?浠ｈ〃緇熶竴褰㈢姸銆?浠ｈ〃綰垮艦銆?浠ｈ〃鏀懼皠鐘躲?浠ｈ〃闀挎柟褰€?br /> 銆銆“StartX”鍜?#8220;StartY”錛氫唬琛ㄦ笎鍙橀忔槑鏁堟灉鐨勫紑濮媂鍜孻鍧愭爣銆?br /> 銆銆“FinishX”鍜?#8220;FinishY”錛氫唬琛ㄦ笎鍙橀忔槑鏁堟灉緇撴潫X鍜孻 鐨勫潗鏍囥?nbsp;
鏂囦歡鑼冧緥錛?3-23.htm
{
filter: alpha (
opacity = opacity,
finishopacity = finishopacity,
style = style,
startx = startx,
starty = starty,
finishx = finishx,
finishy = finishy
)
}
filter: alpha (
opacity = opacity,
finishopacity = finishopacity,
style = style,
startx = startx,
starty = starty,
finishx = finishx,
finishy = finishy
)
}
鏂囦歡璇存槑錛?/strong>
璁懼畾 Alpha 婊ら暅涓哄崐閫忔槑
鏄劇ず緇撴灉錛?br />
涓嬮潰鐨勪笁縐嶆晥鏋滈櫎“Style”鍙傛暟涓嶅悓澶栵紙鍒嗗埆涓?銆?銆?錛夛紝鍏跺畠鍙傛暟鍧囩浉鍚屻傚浘1鐨勪唬鐮佹槸錛?Alpha(Opacity=10, FinishOpacity=90, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)錛?br />
 |
 |
 |
2銆丅lur 婊ら暅-- 妯＄硦鏁堟灉
鍩烘湰璇硶
{ filter:blur (
add = add,
direction = direction,
strength = strength
)
}
add = add,
direction = direction,
strength = strength
)
}
璇硶瑙ｉ噴
add 鍙傛暟鏄竴涓竷?yōu)當(dāng)鍒ゆ柇锛?xì)true 錛堥粯璁わ級鎴杅alse 錛屽畠鎸囧畾鍥劇墖鏄惁琚敼鍙樻垚鍗拌薄媧劇殑妯＄硦鏁堟灉銆?br /> 妯＄硦鏁堟灉鏄寜欏烘椂閽堟柟鍚戣繘琛岀殑錛宒erection 鍙傛暟鐢ㄦ潵璁劇疆妯＄硦鐨勬柟鍚戙傚叾涓?°琛ㄧず鍨傜洿鍚戜笂錛岀劧鍚庢瘡45°涓轟竴涓崟浣嶏紝榛樿鍊兼槸鍚戝乏鐨?70°銆?br /> strength 鍊煎彧鑳戒嬌鐢ㄦ暣鏁版潵鎸囧畾錛屽畠浠ｈ〃鏈夊灝戝儚绱犵殑瀹藉害灝嗗彈鍒版ā緋婂獎鍝嶏紝榛樿鏄?5 鍍忕礌銆?br />
鏂囦歡鑼冧緥錛?3-24.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-24.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Blur婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Blur婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:BLUR(STRENGTH=10);
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-24.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Blur婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Blur婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:BLUR(STRENGTH=10);
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
鏂囦歡璇存槑錛?/strong>
璁懼畾浜?blur 婊ら暅鐨勬ā緋婂己搴︿負(fù) 10銆?br />
鏄劇ず緇撴灉錛?br />
3銆丗lipH銆丗lipV 婊ら暅-- 姘村鉤鍨傜洿緲昏漿
鍩烘湰璇硶
{ filter:filph }
{ filter:filpv }
{ filter:filpv }
璇硶瑙ｉ噴
涓婅堪涓ゅ彞浠ｇ爜鍒嗗埆 琛ㄧず姘村鉤緲昏漿鍜屽瀭鐩寸炕杞?br />
鏂囦歡鑼冧緥錛?3-25.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-25.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑FlipV婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑FlipV婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:FlipV;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-25.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑FlipV婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑FlipV婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:FlipV;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
鏂囦歡璇存槑錛?/strong>
璁懼畾鍨傜洿緲昏漿婊ら暅
鏄劇ず緇撴灉錛?br />
4銆丟ray 婊ら暅 -- 鐏板害
鍩烘湰璇硶
{ filter:gray }
璇硶瑙ｉ噴
Gray 婊ら暅鐨勪綔鐢ㄦ槸鎶婁竴寮犲浘鐗囧彉鎴愮伆搴﹀浘銆?br />
鏂囦歡鑼冧緥錛?3-26.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-26.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Gray婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Gray婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:gray;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-26.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Gray婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Gray婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:gray;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
鏄劇ず緇撴灉錛?br />
5銆両nvert 婊ら暅 -- 鍙嶈漿
鍩烘湰璇硶
{ filter:invert }
璇硶瑙ｉ噴
Invert 婊ら暅鐨勪綔鐢ㄦ槸鎶婂璞＄殑鍙鍖栧睘鎬у叏閮ㄧ炕杞紝鍖呮嫭鑹插僵銆侀ケ鍜屽害鍜屼寒搴﹀箋?br />
鏂囦歡鑼冧緥錛?3-27.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-27.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Invert婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Invert婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:invert;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-27.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Invert婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Invert婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:invert;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
鏄劇ず緇撴灉錛?br />
6銆乆ray 婊ら暅 -- X 灝勭嚎
鍩烘湰璇硶
{ filter:xray }
璇硶瑙ｉ噴
Xray 婊ら暅鐨勪綔鐢ㄦ槸璁╁璞″弽鏄犲嚭瀹冪殑杞粨騫舵妸榪欎簺杞粨鍔犱寒錛屼篃灝辨槸鎵璋撶殑“X”鍏夌墖銆?br />
鏂囦歡鑼冧緥錛?3-28.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-28.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Xray婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Xray婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:xray;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-28.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Xray婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Xray婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:xray;
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
鏄劇ず緇撴灉錛?br />
7銆乄ave 婊ら暅 -- 娉㈢汗
鍩烘湰璇硶
{
filter:wave (
add = add,
freq = freq,
lightstrength = strength,
phase = phase,
strength = strength
)
}
filter:wave (
add = add,
freq = freq,
lightstrength = strength,
phase = phase,
strength = strength
)
}
璇硶瑙ｉ噴
Wave
Add鍙傛暟鏈変袱涓弬鏁板鹼細(xì)True浠ｈ〃鎶婂璞℃寜鐓ф嘗綰規(guī)牱寮忔墦涔憋紱False浠ｈ〃涓嶆墦涔憋紱
銆銆 Freq鍙傛暟鎸囩敓鎴愭嘗綰圭殑棰戠巼錛屼篃灝辨槸鎸囧畾鍦ㄥ璞′笂鍏遍渶瑕佷駭鐢熷灝戜釜瀹屾暣鐨勬嘗綰廣?銆銆
LightStrength鍙傛暟鏄負(fù)浜嗕嬌鐢熸垚鐨勬嘗綰瑰寮哄厜鐨勬晥鏋溿傚弬鏁板煎彲浠ヤ粠0鍒?00銆?銆銆銆
Phase鍙傛暟鐢ㄦ潵璁劇疆姝ｅ雞娉㈠紑濮嬬殑鍋忕Щ閲忋傝繖涓肩殑閫氱敤鍊間負(fù)0錛屽畠鐨勫彲鍙樿寖鍥翠負(fù)浠?鍒?00銆傝繖涓間唬琛ㄥ紑濮嬫椂鐨勫亸縐婚噺鍗犳嘗闀跨殑鐧懼垎姣斻傛瘮濡傝鍊間負(fù)25錛屼唬琛ㄦ寮︽嘗浠?0搴︼紙360*25%錛夌殑鏂瑰悜寮濮嬨?nbsp;
STRENGTH 鎸箙澶у皬
鏂囦歡鑼冧緥錛?3-29.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-29.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Wave婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Wave婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10);
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-29.htm -->
<!-- 鏂囦歡璇存槑錛欳SS涓殑Wave婊ら暅 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS涓殑Wave婊ら暅</TITLE>
<Style Type="text/css">
<!--
img{
FILTER:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10);
}
-->
</Style>
</HEAD>
<BODY>
<H2>寮哄ぇ鐨凜SS婊ら暅</H2>
<IMG Src=13-23.jpg>
</BODY>
</HTML>
鏄劇ず緇撴灉錛?br />
CoderDream 2007-10-09 17:59 鍙戣〃璇勮
]]>浠庢諱綋鏉ヨ錛孋SS 鑳藉瀹屾垚涓嬪垪宸ヤ綔錛?br /> a銆佸譏琛?HTML 瀵圭綉欏墊牸寮忓寲鍔熻兘鐨勪笉瓚籌紝姣斿孌佃惤闂磋窛銆佽璺濈瓑銆?br /> b銆佸瓧浣撳彉鍖栧拰澶у皬錛?br /> c銆侀〉闈㈡牸寮忕殑鍔ㄦ佹洿鏂幫紱
d銆佹帓鐗堝畾浣嶇瓑銆?br />
1.2銆丆SS鐨勭壒鐐?br /> a銆佸皢鏍煎紡鍜岀粨鏋勫垎紱?br /> b銆佷互鍓嶆墍鏈湁鐨勮兘鍔涙帶鍒墮〉闈㈠竷灞
c銆佸埗浣滀綋縐洿灝忋佷笅杞芥洿蹇殑欏甸潰
d銆佸皢璁稿欏甸潰鍚屾椂鏇存柊錛屾瘮浠ュ墠鏇村揩鏇村鏄?br /> e銆佹祻瑙堝櫒灝嗘垚涓烘洿鍙嬪ソ鐨勭晫闈?br />
2銆丆SS鐨勭被鍨嬩笌鍩烘湰鍐欐硶
2.1銆丆SS鐨勭被鍨?br /> CSS灞傚彔鏍峰紡琛ㄥ寘鍚?縐嶇被鍨嬶細(xì)
a銆佽嚜瀹氫箟CSS錛岀浉搴旂殑鏍囪涓嚭鐜?#8220;class"灞炴?br /> 濡備笅浠ｇ爜錛?br />
.bg {
background-image: url(bg.gif);
}
background-image: url(bg.gif);
}
鍦℉TML涓嬌鐢細(xì)
<body class="bg">
b銆侀噸瀹氫箟鏍囪鐨凜SS
td {
color: #000099;
font-size: 9pt
}
color: #000099;
font-size: 9pt
}
c銆丆SS閫夋嫨絎?br /> CSS 閫夋嫨絎︿負(fù)鐗規(guī)畩鐨勭粍鍚堟爣璁板畾涔塁SS錛屼嬌鐢?#8220;ID”浣滀負(fù)灞炴э紝浠ヤ繚璇佹枃妗ｅ叿鏈夊敮涓鍙敤鐨勫箋侰SS閫夋嫨絎︽槸涓縐嶇壒孌婄被鍨嬬殑鏍峰紡錛屽父鐢ㄧ殑鏈?縐嶏紝鍒嗗埆涓猴細(xì)
a:link銆乤:active銆乤:visited銆乤:hover
鍏朵腑錛?br /> a:link錛氳瀹氭甯哥姸鎬佷笅閾炬帴鏂囧瓧鐨勬牱寮忋?br /> a:active錛氳瀹氶紶鏍囧崟鍑?yán)L椂閾炬帴鐨勫瑙傘?br /> a:visited錛氳瀹氳闂繃鐨勯摼鎺ュ瑙傘?br /> a:hover錛氳瀹氶紶鏍囨斁緗湪閾炬帴鏂囧瓧涔嬩笂鏃舵枃瀛楃殑澶栬銆?br /> 濡備笅浠ｇ爜錛?br />
a:link {
color: #FF3366;
font-family:"瀹嬩綋";
text-decoration:none;
}
a:hover {
color: #FF6600;
font-family:"瀹嬩綋";
text-decoration:underline;
}
a:visited {
color: #339900;
font-family:"瀹嬩綋";
text-decoration:none;
}
color: #FF3366;
font-family:"瀹嬩綋";
text-decoration:none;
}
a:hover {
color: #FF6600;
font-family:"瀹嬩綋";
text-decoration:underline;
}
a:visited {
color: #339900;
font-family:"瀹嬩綋";
text-decoration:none;
}
2.2銆丆SS鐨勫熀鏈啓娉?br /> CSS鐨勫熀鏈啓娉曟湁3縐嶏細(xì)
1銆佸湪 HEAD 鍐呭疄鐜幫紝鍗?lt;HEAD></HEAD>鏍囪鍐咃細(xì)
鏂囦歡鑼冧緥錛?3-1.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-1.htm -->
<!-- 鏂囦歡璇存槑錛欳SS鍦?lt;head>涓殑瀹炵幇 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS鍦╤ead涓殑瀹炵幇</TITLE>
<Style Type="text/css">
<!--
body {
font-family: "榛戜綋";
font-size: 12pt;
line-height: 16pt;
color: #FFFFFF;
background-color: #006699;
}
-->
</Style>
</HEAD>
<BODY>
涓繪祦鐨勭綉欏佃璁¤蔣浠?br /> <p>鐩墠錛岀綉欏墊妧鏈繘鍏ヤ簡涓涓柊鐨勯樁孌碉紝鐜板湪鐨勭綉欏靛啀涔熶笉鏄浘鐗囩殑鍫嗙Н鍜屾灟鐕ユ棤鍛崇殑鏂囨湰浜嗭紝浜轟滑鐜板湪榪芥眰鐨勬槸緗戦〉鐨勫姩鎬佹晥鏋滃拰浜や簰鎬с傝孧acromedia鍏徃鐨勭綉欏佃璁′笁鍓戝杞歡Dreamweaver銆丗lash銆丗ireworks姝ｆ槸浜や簰鎬х綉欏佃璁＄殑鏉板嚭浠ｈ〃錛屽叾鏈鏂扮増鏈琈X緇ф壙浜嗗墠鏈熺増鏈殑浼樼偣錛岃繘琛屼簡鍔熻兘鐨勮繘涓姝ユ暣鍚堬紝闈炲父閫傚悎浜庣綉欏佃璁″拰緗戠珯寤鴻鐨勯渶瑕併?/span></P>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-1.htm -->
<!-- 鏂囦歡璇存槑錛欳SS鍦?lt;head>涓殑瀹炵幇 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS鍦╤ead涓殑瀹炵幇</TITLE>
<Style Type="text/css">
<!--
body {
font-family: "榛戜綋";
font-size: 12pt;
line-height: 16pt;
color: #FFFFFF;
background-color: #006699;
}
-->
</Style>
</HEAD>
<BODY>
涓繪祦鐨勭綉欏佃璁¤蔣浠?br /> <p>鐩墠錛岀綉欏墊妧鏈繘鍏ヤ簡涓涓柊鐨勯樁孌碉紝鐜板湪鐨勭綉欏靛啀涔熶笉鏄浘鐗囩殑鍫嗙Н鍜屾灟鐕ユ棤鍛崇殑鏂囨湰浜嗭紝浜轟滑鐜板湪榪芥眰鐨勬槸緗戦〉鐨勫姩鎬佹晥鏋滃拰浜や簰鎬с傝孧acromedia鍏徃鐨勭綉欏佃璁′笁鍓戝杞歡Dreamweaver銆丗lash銆丗ireworks姝ｆ槸浜や簰鎬х綉欏佃璁＄殑鏉板嚭浠ｈ〃錛屽叾鏈鏂扮増鏈琈X緇ф壙浜嗗墠鏈熺増鏈殑浼樼偣錛岃繘琛屼簡鍔熻兘鐨勮繘涓姝ユ暣鍚堬紝闈炲父閫傚悎浜庣綉欏佃璁″拰緗戠珯寤鴻鐨勯渶瑕併?/span></P>
</BODY>
</HTML>
鏄劇ず緇撴灉錛?#160;
2銆佸湪<BODY>鍐呭疄鐜?br /> 浣跨敤涓嬮潰鐨勮娉曪細(xì)
<h3 style="font-size:10pt">
榪欐牱鐨勫啓娉曡櫧鐒剁洿瑙傦紝浣嗘槸鏃犳硶浣撶幇鍑篊SS鐨勪紭鍔匡紝鍥犳涓嶆帹鑽愪嬌鐢ㄣ?br />鏂囦歡鑼冧緥錛?3-2.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-2.htm -->
<!-- 鏂囦歡璇存槑錛欳SS鍦?lt;body>涓殑瀹炵幇 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS鍦╞ody涓殑瀹炵幇</TITLE>
</HEAD>
<BODY>
涓繪祦鐨勭綉欏佃璁¤蔣浠?br /> <p style="font-size:9pt;line-height:12pt;background-color:#FFCC00;font-family:瀹嬩綋">鐩墠錛岀綉欏墊妧鏈繘鍏ヤ簡涓涓柊鐨勯樁孌碉紝鐜板湪鐨勭綉欏靛啀涔熶笉鏄浘鐗囩殑鍫嗙Н鍜屾灟鐕ユ棤鍛崇殑鏂囨湰浜嗭紝浜轟滑鐜板湪榪芥眰鐨勬槸緗戦〉鐨勫姩鎬佹晥鏋滃拰浜や簰鎬с傝孧acromedia鍏徃鐨勭綉欏佃璁′笁鍓戝杞歡Dreamweaver銆丗lash銆丗ireworks姝ｆ槸浜や簰鎬х綉欏佃璁＄殑鏉板嚭浠ｈ〃錛屽叾鏈鏂扮増鏈琈X緇ф壙浜嗗墠鏈熺増鏈殑浼樼偣錛岃繘琛屼簡鍔熻兘鐨勮繘涓姝ユ暣鍚堬紝闈炲父閫傚悎浜庣綉欏佃璁″拰緗戠珯寤鴻鐨勯渶瑕併?/span></P>
</BODY>
</HTML>
<!-- 鏂囦歡鑼冧緥錛?3-2.htm -->
<!-- 鏂囦歡璇存槑錛欳SS鍦?lt;body>涓殑瀹炵幇 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS鍦╞ody涓殑瀹炵幇</TITLE>
</HEAD>
<BODY>
涓繪祦鐨勭綉欏佃璁¤蔣浠?br /> <p style="font-size:9pt;line-height:12pt;background-color:#FFCC00;font-family:瀹嬩綋">鐩墠錛岀綉欏墊妧鏈繘鍏ヤ簡涓涓柊鐨勯樁孌碉紝鐜板湪鐨勭綉欏靛啀涔熶笉鏄浘鐗囩殑鍫嗙Н鍜屾灟鐕ユ棤鍛崇殑鏂囨湰浜嗭紝浜轟滑鐜板湪榪芥眰鐨勬槸緗戦〉鐨勫姩鎬佹晥鏋滃拰浜や簰鎬с傝孧acromedia鍏徃鐨勭綉欏佃璁′笁鍓戝杞歡Dreamweaver銆丗lash銆丗ireworks姝ｆ槸浜や簰鎬х綉欏佃璁＄殑鏉板嚭浠ｈ〃錛屽叾鏈鏂扮増鏈琈X緇ф壙浜嗗墠鏈熺増鏈殑浼樼偣錛岃繘琛屼簡鍔熻兘鐨勮繘涓姝ユ暣鍚堬紝闈炲父閫傚悎浜庣綉欏佃璁″拰緗戠珯寤鴻鐨勯渶瑕併?/span></P>
</BODY>
</HTML>
鏄劇ず緇撴灉錛?br />
3銆佸湪鏂囦歡澶栫殑璋冪敤
CSS 鐨勫畾涔夋棦鍙互鏄湪HTML鏂囨。鍐呴儴錛屼篃鍙互鍗曠嫭鎴愮珛鏂囦歡錛屽涓嬩唬鐮佹槸灝咰SS鏍峰紡閾炬帴鍒板閮ㄥ埌style.css鏂囦歡錛?br />
<link rel="stylesheet" href="style.css" type="text/css">
鏂囦歡鑼冧緥錛?3-3.htm
<!-- ------------------------------ -->
<!-- 鏂囦歡鑼冧緥錛?3-3.htm -->
<!-- 鏂囦歡璇存槑錛氳皟鐢ㄥ閮ㄧ殑CSS鏍峰紡鏂囦歡-->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>璋冪敤澶栭儴鐨凜SS鏍峰紡鏂囦歡</TITLE>
<link href="13-3.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
涓繪祦鐨勭綉欏佃璁¤蔣浠?br /> <p class="t">鐩墠錛岀綉欏墊妧鏈繘鍏ヤ簡涓涓柊鐨勯樁孌碉紝鐜板湪鐨勭綉欏靛啀涔熶笉鏄浘鐗囩殑鍫嗙Н鍜屾灟鐕ユ棤鍛崇殑鏂囨湰浜嗭紝浜轟滑鐜板湪榪芥眰鐨勬槸緗戦〉鐨勫姩鎬佹晥鏋滃拰浜や簰鎬с傝孧acromedia鍏徃鐨勭綉欏佃璁′笁鍓戝杞歡Dreamweaver銆丗lash銆丗ireworks姝ｆ槸浜や簰鎬х綉欏佃璁＄殑鏉板嚭浠ｈ〃錛屽叾鏈鏂扮増鏈琈X緇ф壙浜嗗墠鏈熺増鏈殑浼樼偣錛岃繘琛屼簡鍔熻兘鐨勮繘涓姝ユ暣鍚堬紝闈炲父閫傚悎浜庣綉欏佃璁″拰緗戠珯寤鴻鐨勯渶瑕併?/span></P>
</BODY>
</HTML>
鏂囦歡鑼冧緥錛?3-3.css<!-- 鏂囦歡鑼冧緥錛?3-3.htm -->
<!-- 鏂囦歡璇存槑錛氳皟鐢ㄥ閮ㄧ殑CSS鏍峰紡鏂囦歡-->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>璋冪敤澶栭儴鐨凜SS鏍峰紡鏂囦歡</TITLE>
<link href="13-3.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
涓繪祦鐨勭綉欏佃璁¤蔣浠?br /> <p class="t">鐩墠錛岀綉欏墊妧鏈繘鍏ヤ簡涓涓柊鐨勯樁孌碉紝鐜板湪鐨勭綉欏靛啀涔熶笉鏄浘鐗囩殑鍫嗙Н鍜屾灟鐕ユ棤鍛崇殑鏂囨湰浜嗭紝浜轟滑鐜板湪榪芥眰鐨勬槸緗戦〉鐨勫姩鎬佹晥鏋滃拰浜や簰鎬с傝孧acromedia鍏徃鐨勭綉欏佃璁′笁鍓戝杞歡Dreamweaver銆丗lash銆丗ireworks姝ｆ槸浜や簰鎬х綉欏佃璁＄殑鏉板嚭浠ｈ〃錛屽叾鏈鏂扮増鏈琈X緇ф壙浜嗗墠鏈熺増鏈殑浼樼偣錛岃繘琛屼簡鍔熻兘鐨勮繘涓姝ユ暣鍚堬紝闈炲父閫傚悎浜庣綉欏佃璁″拰緗戠珯寤鴻鐨勯渶瑕併?/span></P>
</BODY>
</HTML>
.t {
font-family: "瀹嬩綋";
font-size: 9pt;
text-decoration: underline;
letter-spacing: 3px;
line-height: 12pt;
}
鏄劇ず緇撴灉錛?br />font-family: "瀹嬩綋";
font-size: 9pt;
text-decoration: underline;
letter-spacing: 3px;
line-height: 12pt;
}
2.3銆丆SS鐨勫啿紿?br /> a銆佹墽琛屾渶榪戠殑
b銆丆SS鏍峰紡浼樺厛綰ч珮浜嶩TML鏍峰紡
CoderDream 2007-10-07 22:10 鍙戣〃璇勮
]]>