CSS-鍖哄垎IE6,IE7,Firefox Hack
浠ヤ笅鍐呭鏉ヨ嚜http://www.div-css.com/html/XHTML-CSS/hack/1136667.html
鍖哄埆IE6涓嶧F锛
background:orange;*background:blue;
鍖哄埆IE6涓嶪E7锛
background:green !important;background:blue;
鍖哄埆IE7涓嶧F锛
background:orange; *background:green;
鍖哄埆FF锛孖E7锛孖E6锛
background:orange;*background:green !important;*background:blue;
娉細IE閮借兘璇嗗埆*;鏍囧噯娴忚鍣(濡侳F)涓嶈兘璇嗗埆*锛
IE6鑳借瘑鍒*锛屼絾涓嶈兘璇嗗埆 !important,
IE7鑳借瘑鍒*锛屼篃鑳借瘑鍒!important;
FF涓嶈兘璇嗗埆*锛屼絾鑳借瘑鍒!important;
鍙﹀鍐嶈ˉ鍏呬竴涓紝涓嬪垝绾"_",
IE6鏀寔涓嬪垝绾匡紝IE7鍜宖irefox鍧囦笉鏀寔涓嬪垝绾裤
浜庢槸澶у杩樺彲浠ヨ繖鏍锋潵鍖哄垎IE6锛孖E7锛宖irefox:
background:orange;
*background:green;
_background:blue;
娉細涓嶇鏄粈涔堟柟娉曪紝涔﹀啓鐨勯『搴忛兘鏄痜irefox鐨勫啓鍦ㄥ墠闈紝IE7鐨勫啓鍦ㄤ腑闂达紝IE6鐨勫啓鍦ㄦ渶鍚庨潰銆
CSS-CSS Sprite 鍥剧墖鍚堝苟鎶鏈
鏂囩珷鏉ヨ嚜锛http://www.51jquery.com/2009-03/css-sprite/銆
浣滀负涓涓墠娈靛紑鍙戜汉鍛橈紝杩樻槸闇瑕佺煡閬撲竴涓嬬殑鍝堛
CSS Sprites鏄竴绉嶇綉椤靛浘鐗囧簲鐢ㄥ鐞嗘柟寮忋傚畠鍏佽浣犲皢涓涓〉闈㈡秹鍙婂埌鐨勬墍鏈夐浂鏄熷浘鐗囬兘鍖呭惈鍒颁竴寮犲ぇ鍥句腑鍘伙紝杩欐牱涓鏉ワ紝褰撹闂椤甸潰鏃讹紝杞藉叆鐨勫浘鐗囧氨涓嶄細 鍍忎互鍓嶉偅鏍蜂竴骞呬竴骞呭湴鎱㈡參鏄剧ず鍑烘潵浜嗐傚浜庡綋鍓嶇綉缁滄祦琛岀殑閫熷害鑰岃█锛屼笉楂樹簬200KB鐨勫崟寮犲浘鐗囩殑鎵闇杞藉叆鏃堕棿鍩烘湰鏄樊涓嶅鐨勶紝鎵浠ユ棤闇 椤惧繉杩欎釜闂銆
鎸夌収yahoo鐨rules for high performance web sites鐨勫師鍒欙紝搴斿綋杈冨皯Client涓嶴erver绔棿 鐨凥TTP Request娆℃暟銆傞氳繃CSS Sprites鏂规硶灏嗗寮犲浘鐗囩粍瑁呮垚鍗曠嫭鐨勪竴寮犲浘鐗囷紝鍙互鏈夋晥鍑忓皯HTTP璇锋眰 鐨勬鏁般
褰撴暣骞呭浘鐗囪浇鍏ュ畬鎴愬悗锛屼綘灏卞彲浠ヤ娇鐢–SS鏂规硶閫氳繃璁剧疆鑳屾櫙浣嶇疆鐨勬柟寮忓畬鎴愭墍闇鍥剧墖鐨勫噯纭皟鐢ㄣ
鍔犻熺殑鍏抽敭锛屼笉鏄檷浣庨噸閲忥紝鑰屾槸鍑忓皯涓暟銆備紶缁熷垏鍥捐绌剁簿缁嗭紝鍥剧墖瑙勬牸瓒婂皬瓒婂ソ锛岄噸閲忚秺灏忚秺濂斤紝鍏跺疄瑙勬牸澶у皬鏃犳墍璋擄紝璁$畻鏈虹粺涓閮芥寜byte璁$畻銆傚鎴风姣忔樉绀轰竴寮犲浘鐗囬兘浼氬悜鏈嶅姟鍣ㄥ彂閫佽姹傦紝鎵浠ワ紝鍥剧墖瓒婂璇锋眰娆℃暟瓒婂锛岄犳垚寤惰繜鐨勫彲鑳芥т篃灏辫秺澶с
浜岋紝CSS Sprite鐨勪娇鐢
鏈夊嚑绡囧叧浜嶤SS Sprites鐨勬枃绔狅紝鍩烘湰涓婃妸鍏跺師鐞嗗拰鏈哄埗璇存槑寰楀緢娓呮銆
Creating Rollover Effects with CSS Sprites
Building a Dynamic Banner with CSS Sprites
High Performance Web Sites涓叧浜嶤SS Sprites鐨勫唴瀹3.2. CSS Sprites
13+ CSS Editor Help You Create Perfect Website
Learned from http://ntt.cc/2009/10/29/13-hand-picked-css-editor-help-you-create-perfect-website.html
鎴戝彧鐢ㄨ繃Firebug鍛靛懙锛岄拡瀵笴SS鐨勭紪杈戝櫒杩樼湡涔堢敤杩囷紝涓汉瑙夊緱Firebug+鎵嬪啓姣旇緝鏂逛究=銆=
涓嬭竟鏄綔鑰呬粙缁嶇殑13+涓紪杈戝櫒锛屾荤殑鏉ヨ鍢涘氨鏄偦鐡滃紡鏍峰紡閫夋嫨锛屾垜涔熸病娴嬭瘯杩囷紝涓嶇煡閬撶敓鎴愮殑CSS浠g爜瑙勮寖鎬у浣曘
Astyle CSS editor
Astyle is a visual CSS editor. Features:
涓嶆帹鑽愶紝娌″埆鐨勶紝鐣岄潰闅剧湅鍢垮樋銆
jQuery-Drop Down Menu Effect With jQuery & CSS
Learned from 銆奡exy Drop Down Menu w/ jQuery & CSS銆锛宎nd made a little modification锛宺emove the span tag and the image of dropdown icon銆
Demo:DropDownMenu.html
涓嬭竟寮濮婬TML閮ㄥ垎锛
<div class="container">
<div id="header">
<ul class="topnav">
<li><a href="#">Home</a></li>
<li>
<a href="#">Tutorials</a>
<ul style="display: none;" class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li>
<a href="#">Resources</a>
<ul style="display: none;" class="subnav">
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Submit</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
CSS Tools-Reset CSS
鍏充簬Reset CSS鐨勮缁嗗唴瀹硅鍙傞槄杩欓噷锛http://ued.taobao.com/blog/2009/03/31/reset_css_a/
鍥犱负鏈汉瀵笴SS涓嶆庝箞浜嗚В锛屾墍浠ヤ粠澶寸湅鍒颁簡灏撅紝鎵嶇畻鏈夌偣鏄庣櫧浜嗐傘
浠嬬粛涓涓猂eset CSS妯″瀷锛屾潵鑷http://meyerweb.com/eric/tools/css/reset/index.html
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
鍚绘敾璇达紝Reset CSS鐨勬ā鍨嬪緢澶氾紝澶у涓嶅Θ鎵句竴涓傚悎鑷繁鐨勩
CSS Naked Day!

CSS Naked Day!Let's enjoy!浠婂ぉ鏄疌SS瑁稿鏃ワ紝鐪嬩笅鍗庝附鐨勪笉绌胯。鏈嶇殑璞嗚厫鐨凚log鍚э綖
璇锋敞鎰忚闊抽『搴忥紝鏄崕涓界殑涓嶇┛琛f湇鐨 璞嗚厫鐨凚log锛岃屼笉鏄崕涓界殑涓嶇┛琛f湇鐨勮眴鑵 鐨凚log
鍝堬紝涓璧疯8CSS鐨勬绘敾澶т汉鐨勭綉绔欙細www.originalcolors.cn
鏇村CSS Naked Day娑堟伅璇峰弬鑰僪ttp://naked.dustindiaz.com锛岄噷杈硅繕鏈塒HP涓嬪垽鏂槸涓嶆槸CSS Naked Day鐨勪唬鐮侊細
< ?php
function is_naked_day($d) {
$start = date('U', mktime(-12, 0, 0, 04, $d, date('Y')));
$end = date('U', mktime(36, 0, 0, 04, $d, date('Y')));
$z = date('Z') * -1;
$now = time() + $z;
if ( $now >= $start && $now < = $end ) {
return true;
}
return false;
}
?>
Flash-CSS,StyleSheet
鍐呭鏉ヨ嚜Flash甯姪鏂囨。锛孎1鎼滅储StyleSheet銆
Demo:
AS浠g爜锛
import TextField.StyleSheet;
Stage.align="TL";
Stage.scaleMode="noScale";
// 鍒涘缓鏂版牱寮忚〃瀵硅薄
var style_sheet = new StyleSheet();
// 瀹氫箟鏍峰紡鐨 CSS 鏂囦欢鐨勪綅缃
var css_url = "http://nwhy.org/nwhy/exp/flash-css.css";
// 鍒涘缓涓浜涜鏄剧ず鐨 HTML 鏂囨湰
var storyText:String = "_str,鍥犱负浠g爜鎻掍欢浼氳浆鎹㈣繖娈垫枃瀛椻O锛屽彟澶栨彁鍑烘潵鏀惧埌鍚庤竟浜";
// 鍔犺浇 CSS 鏂囦欢骞跺畾涔 onLoad 澶勭悊鍑芥暟锛
style_sheet.load(css_url);
style_sheet.onLoad = function(ok) {
if (ok) {
// 濡傛灉鏍峰紡琛ㄥ姞杞芥病鏈夐敊璇紝
// 鍒欏皢鍏跺垎閰嶅埌鏂囨湰瀵硅薄锛
// 鐒跺悗灏 HTML 鏂囨湰鍒嗛厤鍒版枃鏈瓧娈点
news_txt.styleSheet = style_sheet;
news_txt.text = storyText;
}
};
_str閭h竟鐨勫唴瀹癸紝灏辨槸HTML浠g爜锛屾敞鎰忓湪鏀惧叆Flash鐨勬椂鍊欏崟寮曞弻寮曠殑杞崲锛
<p class='headline'>Flash-CSS (.headline)</p><img src='http://www.google.cn/intl/zh-CN/images/logo_cn.gif'/><p>浣跨敤 StyleSheet 绫诲彲浠ュ垱寤哄寘鍚枃鏈牸寮忚缃鍒<span class='byline'>锛堜緥濡傦紝瀛椾綋澶у皬銆侀鑹插拰鍏跺畠鏍煎紡鏍峰紡锛</span>鐨 StyleSheet 瀵硅薄銆傜劧鍚庯紝鍙互灏嗘牱寮忚〃瀹氫箟鐨勬牱寮忓簲鐢ㄥ埌鍖呭惈 HTML 鎴 XML 鏍煎紡鏂囨湰鐨 TextField 瀵硅薄銆傛牴鎹 StyleSheet 瀵硅薄瀹氫箟鐨勬爣绛炬牱寮忚嚜鍔ㄨ缃 TextField 瀵硅薄涓枃鏈殑鏍煎紡銆傚彲浠ヤ娇鐢ㄦ枃鏈牱寮忔潵瀹氫箟鏂扮殑鏍煎紡鏍囩锛岄噸鏂板畾涔夊唴缃殑 HTML 鏍囩锛屾垨鍒涘缓鍙簲鐢ㄥ埌鏌愪簺 HTML 鏍囩鐨勬牱寮忕被銆<br /><a href='http://nwhy.org'>杩欐槸涓涓摼鎺ユ枃鏈</a></p>
鎺ヨ繖鏄疌SS鏂囦欢锛
p {
color: #000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
display:inline;
}
a:link {
color:#FF0000;
}
a:hover{
text-decoration:underline;
}
.headline {
color: #000000;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
display:block;
}
.byline {
color: #666600;
font-style:italic;
font-weight:bold;
display:inline;
}
Flash8鍜孎lash CS3鏀寔鐨凜SS鍙湁浠ヤ笅鍑犱釜锛
color,display,font-family,font-size,font-style,font-weight,kerning,letter-spacing,margin-left,margin-right,text-align,text-decoration,text-indent
Flex鏀寔鐨凜SS鐗堟湰浼间箮鏄1.5锛岃屼笉鏄祦琛岀殑2.0鈥︹
IE6鐨刟bsolute Bug
浠婂ぉ璺熷濡圭殑浠诲姟鏄В鍐冲濡逛笂鏄熸湡鍋氱殑浠Ifekt.net鐨刉P鐨偆锛
鍝囧锛屾垜鍙戠幇濮愬鏄秺鏉ヨ秺寮哄ぇ浜
宸笉澶氬湪涓崍鐨勬椂鍊欒В鍐充簡IE7鐨勫吋瀹归棶棰橈紝鍞夛紝鍙逛竴鍙ワ紝JS鐨勮皟璇曚篃澶鏉備簡鍚э紝IE鎻愮ず鐨勯敊璇湴鐐癸紝妯$硦鐨勫お鍘夊锛屽彧鑳紸lert涔堬紵
鍏煎鐜㊣E7锛屽彂鐜癐E6涓嬭竟涓嶈锛岀湅浜嗕笅Ifekt.net锛屽彂鐜板畠閭h竟鐨勫眳鐒朵篃涓嶆敮鎸両E6锛屾睏銆
鎬庝箞鍔炪傚氨鏄笉鏀寔top鐨刟nimate()锛屻傘
16锛30鐨勬椂鍊欏濡瑰憡璇夋垜濂戒簡锛岃寮傘
闂簡涓嬪拰瑙o紝鍘熸潵鏄疘E6涓嬬殑absolute Bug锛屽搰锛岃繖鏍蜂篃鑳芥壘鍒癇UG鎵鍦ㄣ傘傘傘
杩欎釜BUG鏄繖鏍风殑锛宩Query鍦↖E6涓嬫棤娉曡鍙朇SS涓殑absolute灞炴э紝鍙兘鍦ㄩ渶瑕佹晥鏋滅殑鍦版柟閲嶆柊鍐欏叆absolute銆傘
鍞夛紝IE6锛宑an we say no to you锛熲︹
Drupal妯℃澘椤祅ode.tpl.php/鏍峰紡瀹氬埗
node.tpl.php锛屾仼锛屽氨鏄畠浜嗭綖node椤靛唴鐨勫弬鏁颁富瑕佺敱node鑷韩鐨勫弬鏁版暟閲忔潵鍐冲畾銆
鐪媙ode鍏蜂綋鍙傛暟鍙互浣跨敤< ?php print_r($node);?>鏉ユ煡鐪嬶綖
閫氬父浼氱湅鍒扮被浼间笅杈圭殑浠g爜:
stdClass Object
(
[nid] => 39
[vid] => 39
[type] => webform
[status] => 1
[created] => 1216881872
[changed] => 1217937211
[comment] => 0
[promote] => 1
[sticky] => 0
[revision_timestamp] => 1217937211
[title] => 鐢ㄦ埛璋冩煡琛
[body] => 缃戠珯璋冩煡
[teaser] => 缃戠珯璋冩煡
[log] =>
[format] => 1
[uid] => 1
[name] => admin
[picture] =>
[data] => a:0:{}
[webform] => Array
(
[nid] => 39
[confirmation] => 鎰熻阿鎮ㄧ殑鍙備笌锝
[teaser] => 0
[submit_text] =>
[submit_limit] => -1
.............
鎺ョ潃鍙傝冨叾涓殑鏁扮粍鍐呭鎻愬彇鑷繁闇瑕佺殑鍐呭灏辫鍜紝姣斿鑺傜偣鏍囬锛
< ?php echo $node->title;?>
涓汉瑙夊緱node.tpl.php鏄墍鏈夋ā鏉挎枃浠堕噷鏈瀹规槗瀹氬埗鏍峰紡鐨勪竴涓枃浠讹綖
Drupal 妯″潡webform浠嬬粛鍙婂缓璁
webform妯″潡鏄敤浜庢剰瑙佸弽棣堢敤鐨勪竴涓ā鍧楋紝鍏蜂綋璁剧疆鐩稿鏉ヨ姣旇緝绠鍗曪紝瀹夎妯″潡鍚庣湅璇存槑涓姝ユ璁剧疆瑕佸~鍐欑殑瀛楁鍗冲彲銆
鏈杩戜竴鐩村仛鐨勫伐浣滀腑鏈夌敤鍒扮敤鎴蜂俊鎭弽棣堬紝鐢―rupal寮勪簡鑰佸崐澶┾︹
鍙戠幇濡傛灉鐢╳ebform鑷繁鐢熸垚鐨刦orm锛岄偅涔坈ss鏂归潰鐨勫帇鍔涘氨寰堥噸銆
濡傛灉椤甸潰浠g爜瀹屽叏鐢眃esigner鍐欑殑璇濓紝濂楃敤webform鐨勫姙娉曞嵈鏄湁鐨勩
< ?php
$form['submitted']['fluentin'] = array(
'#type' => 'fieldset',
'#prefix' => '<div id="vol-fluentin">',
'#suffix' => '</div>',
'#weight' => -1,
);
$form['submitted']['otherlang'] = array(
'#type' => 'fieldset',
'#prefix' => '<div id="vol-otherlang">',
'#suffix' => '</div>',
'#weight' => 0,
);
// Move the form field labeled "whatever" to the new fieldset
// $form['submitted']['newfieldset']['whatever'] = $form['submitted']['whatever'];
$form['submitted']['fluentin']['Fluent in'] = $form['submitted']['Fluent in'];
unset($form['submitted']['Fluent in']);
$form['submitted']['otherlang']['Please specify other languages'] = $form['submitted']['Please specify other languages'];
unset($form['submitted']['Please specify other languages']);
echo form_render($form);
?>
浣跨敤杩欎釜鏂规硶鐨勮瘽锛屽氨浜х敓鍙︿竴涓棶棰樸
鍙兘鎶婄郴缁熺敓鎴愮殑涓滆タ鍖呭埌html浠g爜閲屸︹︽病寰楀疄璐ㄦх殑鏀瑰彉鍢涳紒
鎵浠モ︹﹀浜庡鏉傜殑琛ㄥ崟鈥︹︿釜浜哄笇鏈涘埆浣跨敤drupal锛岃嚜宸卞啓html锛屾搷浣滄暟鎹簱姣旇緝鏂逛究=銆=
Save-the-developers
鏉ヨ嚜瀛﹀鍙戞潵鐨勭綉绔欙紝http://www.savethedevelopers.org/
浼间箮鏄満闈╁懡锛屽懠鍚佸ぇ瀹舵斁寮冩帀IE6鍟娾︹
甯屾湜鍦↖E8鎺ㄥ嚭涔嬪悗锛孧icrosoft鍙互鑰冭檻鑷姩鍗囩骇IE6->IE7鍚р︹
鏈杩戠鍒拌佸IE6鐨勯棶棰橈紒
鏀寔杩欎釜娲诲姩寰堢畝鍗曪紝鍙鍦ㄩ〉闈㈠姞涓狫S锛
<script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script>
灏眔k鍜紝浼氭彁绀鸿鐫IE6鐨勫瀛愪滑锛屽崌绾т粬浠殑娴忚鍣綖