HTML/CSSæ»ç»1
é¢è²å¯ä»¥ç¨2ç§æ¹å¼è¡¨ç¤ºï¼1. ç´æ¥æå®é¢è²å称ï¼å¦blueã2.使ç¨åå è¿å¶æ°æ®è¡¨ç¤ºå¦#RRGGBBï¼åå«è¡¨ç¤ºä¸¤ä½åå è¿å¶æ°æ®.
2.设置èæ¯å¾ç
3.设置æåé¢è²
4.设置é¾æ¥æåå±æ§
alinkå¯ä»¥ç¨æ¥è®¾ç½®é¼ æ åå»é¾æ¥æ¶çé¢è²ï¼vlinkå¯ä»¥è®¾ç½®è¢«è®¿é®è¿çè¶ é¾æ¥çé¢è²ã
5.设置页é¢è¾¹è·
6.æ é¢æ è®°
7.å®ä¹é¡µé¢å ³é®å
8.å®ä¹é¡µé¢æè¿°
9.å®ä¹ç¼è¾å·¥å ·
10.å®ä¹ä½è ä¿¡æ¯
11.å®ä¹ç½é¡µæååè¯è¨
12.å®ä¹ç½é¡µçå®æ¶è·³è½¬
ç¨http-equivä¸çrefreshä¸ä» å¯ä»¥å®ç°é¡µé¢èªèº«çèªå¨å·æ°ï¼ä¹å¯ä»¥å®ç°é¡µé¢é´çèªå¨è·³è½¬è¿ç¨ã
13.é¾æ¥
1. å建åºæ¬è¶ é¾æ¥ï¼é¾æ¥æ¾ç¤ºææ¬
å±æ§ï¼href--æå®é¾æ¥å°åï¼name--ç»é¾æ¥ååï¼title--ç»é¾æ¥æ·»å æ示æåï¼target--æå®é¾ æ¥çç®æ çªå£ï¼Targetåæ°çå±æ§åå¼ï¼-self--å¨å½å页é¢ä¸æå¼é¾æ¥ï¼ -blank--å¨ä¸ä¸ªå ¨æ°ç空ç½çªå£ä¸æå¼é¾æ¥ï¼-top--å¨é¡¶å±æ¡æ¶ä¸æå¼é¾æ¥ï¼ä¹å¯ç解为å¨æ ¹æ¡æ¶ä¸æå¼é¾æ¥ï¼-parent--å¨å½åæ¡æ¶çä¸ä¸å±æå¼é¾æ¥ã
2. å建å¾åé¾æ¥
3. å建éç¹
éç¹å°±æ¯æå¨ç»å®å称çä¸ä¸ªç½é¡µä¸çæä¸ä¸ªä½ç½®ï¼å¨å建éç¹é¾æ¥åé¦å è¦å»ºç«éç¹ã
14.表å
ä¸è¬æ åµä¸è¡¨åçå¤çç¨åºactionåä¼ éæ¹æ³methodæ¯å¿ ä¸å¯å°çåæ°ã
Actionç¨äºæå®è¡¨åæ°æ®æ交å°åªä¸ªå°åè¿è¡å¤çã表åçå¤çç¨åºæ¯è¡¨åè¦æ交çå°åï¼å³è¡¨åä¸æ¶éå°çèµæå°è¦ä¼ éå°çç¨åºå°åã
ä¼ éæ¹æ³çå¼åªæ两ç§ï¼å³getåpostãGet--表åæ°æ®è¢«ä¼ éå°actionå±æ§æå®çURLï¼ç¶åè¿ä¸ªæ°çURL被éå°å¤çç¨åºä¸ãPost--表åæ°æ®è¢«å å«å¨è¡¨å主ä½ä¸ï¼ç¶å被éå°å¤çç¨åºä¸ã
15.æå ¥å¾å
16.æ·»å å¤åªä½æ件
17.æå ¥å ¶ä»æ è®°
æå ¥ç©ºæ ¼ç¬¦å·ï¼
æå ¥ç¹æ®ç¬¦å·ï¼&...©
18.设置æåæ ¼å¼
fontç¨æ¥æ§å¶åä½ãåå·ãé¢è²çå±æ§ï¼... å¯ä»¥éè¿face设置ä¸åçåä½ã..ç¨æ¥è®¾ç½®åä½å¤§å°ã... ç¨æ¥è®¾ç½®æåé¢è²ã
å ç²çæåãå ç²çæå ãæä½æåãæä½æåãæä½æåãä¸å线å 容ãä¸æ å 容ãä¸æ å 容
19.设置段è½æ ¼å¼
段è½æå
ãæ¢è¡æ è®°
20.水平线æ è®°
å¨ç½é¡µä¸è¾å ¥ä¸ä¸ªæ¤æ è®°å³æ·»å äºä¸æ¡é»è®¤æ ·å¼ç水平线ã
ã
ã
ã
ã
å©ç¨æ°´å¹³çº¿å»æé´å½±
21.css
1.cssï¼å±å æ ·å¼è¡¨ã使ç¨cssè½å¤ç®åç½é¡µçæ ¼å¼å代ç ï¼å å¿«ä¸è½½çé度ï¼ä¹åå°äºéè¦ä¸ä¼ ç代ç æ°éï¼å¤§å¤§åå°äºéå¤å³å¨çå·¥ä½éãæ ·å¼è¡¨çé¦è¦ç®çç为ç½é¡µä¸çå ç´ ç²¾ç¡®å®ä½ãå ¶æ¬¡ä»æç½é¡µä¸çå 容ç»æä¸æ ¼å¼æ§å¶ç¸å离ï¼ä½¿å¾ç½é¡µå¯ä»¥ä» ç±å 容ææï¼èå°ç½é¡µçæ ¼å¼éè¿éè¿cssæ ·å¼è¡¨æ件æ¥æ§å¶
2.Cssè¯æ³ç»æä» ç±3é¨åç»æï¼åå«æ¯éæ©ç¬¦ãæ ·å¼å±æ§åå¼ï¼åºæ¬è¯æ³å¦ä¸ï¼
éæ©ç¬¦ï½æ ·å¼å±æ§ï¼åå¼ï¼æ ·å¼å±æ§ï¼åå¼ï¼...ï½
3.åºæ¬csséæ©å¨
æ ç¾éæ©å¨ï¼ç´æ¥å°htmlæ ç¾ä½ä¸ºéæ©å¨å¦péæ©å¨ï¼ç±»å«éæ©å¨ï¼æ è®°éæ©å¨ä¸æ¦å£°æï¼å页é¢ä¸ææç该æ è®°é½ä¼ç¸åºç产çååï¼Idéæ©å¨ç使ç¨æ¹æ³åclasséæ©å¨åºæ¬ç¸åï¼ä¸åä¹å¤å¨äºidéæ©å¨åªè½å¨html页é¢ä¸ä½¿ç¨ä¸æ¬¡ã
4.cssç使ç¨æ¹å¼
é¾æ¥å¤é¨æ ·å¼è¡¨ï¼
è¡å æ¹å¼ï¼
åµå ¥å¤é¨æ ·å¼è¡¨ï¼
@import url(“å¤é¨æ ·å¼è¡¨çæ件å称”)ï¼
å é¨æ ·å¼è¡¨ï¼
5.设置csså±æ§
csså±æ§å为ï¼ç±»åãèæ¯ãåºåãæ¹æ¡ãè¾¹æ¡ãå表ãå®ä½ãæ©å±ã
cssç±»åå±æ§ï¼Font-familyãFont-sizeãFont-styleãLine-heightãText-decoretionãFont-weightãFont-variantãText-transformãColor
cssèæ¯å±æ§ï¼Background-colorãBackground-imageãBackground-repeatãBackground-attachmentï¼ç¡®å®èæ¯å¾åæ¯åºå®å¨å®çåå§ä½ç½®è¿æ¯éå 容ä¸èµ·æ»å¨ï¼ãBackground-position(X)åbackground-positionï¼Yï¼ï¼æå®èæ¯å¾åç¸å¯¹äºå ç´ çåå§ä½ç½®ã
cssåºåå±æ§ï¼Word-spacingï¼è®¾ç½®åè¯çé´è·ï¼Letter-spacingï¼å¢å æåå°åæ¯æå符çé´è·ãvertical-alignï¼æå®åºç¨å®çå ç´ çåç´å¯¹é½æ¹å¼ãText-alignï¼è®¾ç½®å ç´ ä¸ææ¬å¯¹é½æ¹å¼ãText-indentï¼æå®ç¬¬ä¸è¡ææ¬ç¼©è¿çç¨åº¦ãWhite-spaceï¼ç¡®å®å¦ä½å¤çå ç´ ç空ç½ãDisplayï¼æå®æ¯å¦åå¦ä½æ¾ç¤ºå ç´ ã
cssæ¹æ¡å±æ§ï¼Widthåheightå±æ§è®¾ç½®å ç´ ç宽度åé«åº¦ãFloatï¼è®¾ç½®å ¶ä»å ç´ å¨åªä¸ªè¾¹å´ç»å ç´ æµ®å¨ãPaddingï¼æå®å ç´ å 容ä¸å ç´ è¾¹æ¡ä¹é´çé´è·ãMarginï¼æå®ä¸ä¸ªå ç´ çè¾¹æ¡ä¸å¦ä¸ä¸ªå ç´ ä¹é´çé´è·ã
cssè¾¹æ¡å±æ§ï¼Styleï¼è®¾ç½®è¾¹æ¡çæ ·å¼å¤è§ãWidthï¼è®¾ç½®å ç´ è¾¹æ¡çç²ç»ãColorï¼è®¾ç½®è¾¹æ¡çé¢è²ã
csså表å±æ§ï¼List-style-typeï¼è®¾ç½®é¡¹ç®ç¬¦å·æç¼å·çå¤è§ãList-style-imageï¼å¯ä»¥ä¸ºé¡¹ç®ç¬¦å·æå®èªå®ä¹å¾åãåå»æµè§æé®éæ©å¾åæè¾å ¥å¾åè·¯å¾ãList-style-positionï¼è®¾ç½®å表项ææ¬æ¯å¦æ¢è¡å缩è¿ä»¥åææ¬æ¯å¦æ¢è¡å°å·¦è¾¹è·ã
csså®ä½å±æ§ï¼Positionï¼å个å¯éå¼ï¼absoluteè½å¤åç¡®å°å ç´ ç§»å¨å°ä½ æ³è¦çä½ç½®ï¼ç»å¯¹å®ä½å ç´ çä½ç½®ãFixed--ç¸å¯¹äºçªå£çåºå®å®ä½ãRelative--ç¸å¯¹å®ä½æ¯ç¸å¯¹äºå ç´ é»è®¤çä½ç½®çå®ä½ãStatic--该å±æ§å¼æ¯ææå ç´ å®ä½çé»è®¤æ åµï¼å¯ç¨staticåæ¶ç»§æ¿ï¼å³è¿åå ç´ å®ä½çé»è®¤å¼ãVisibilityï¼å¦æä¸æå®å¯è§æ§å±æ§ï¼åé»è®¤æ åµä¸å¤§å¤æ°æµè§å¨é½ç»§æ¿ç¶çº§çå¼ã
cssæ©å±å±æ§ï¼Page-break-beforeï¼å ¶ä¸ä¸¤ä¸ªå±æ§çä½ç¨æ¯ä¸ºæå°ç页é¢è®¾ç½®å页符ãPage-break-afterï¼æ£ç´¢æ设置对象ååºç°ç页åå²ç¬¦ãCursorï¼æéä½äºæ ·å¼ææ§å¶ç对象ä¸æ¶æ¹åæéå¾åãFilterï¼å¯¹æ ·å¼ææ§å¶ç对象åºç¨ç¹æ®ææã
上一篇: php怎么ua限制
下一篇: php如何安装bzip2