HTML <span> æ ç¾
å®ä¹åç¨æ³
<span> æ ç¾è¢«ç¨æ¥ç»åææ¡£ä¸çè¡å
å
ç´ ã
HTML ä¸ XHTML ä¹é´çå·®å¼
NONE
æ示å注é:
æ示:è¯·ä½¿ç¨ <span> æ¥ç»åè¡å
å
ç´ ,以便éè¿æ ·å¼æ¥æ ¼å¼åå®ä»¬ã
注é:span 没æåºå®çæ ¼å¼è¡¨ç°ãå½å¯¹å®åºç¨æ ·å¼æ¶,å®æä¼äº§çè§è§ä¸çååã
ä¾å
<p><span>some text.</span>some other text.</p>ä¾å解é
å¦æä¸å¯¹ span åºç¨æ ·å¼,é£ä¹ span å
ç´ ä¸çææ¬ä¸å
¶ä»ææ¬ä¸ä¼ä»»ä½è§è§ä¸çå·®å¼ã尽管å¦æ¤,ä¸ä¾ä¸ç span å
ç´ ä»ç¶ä¸º p å
ç´ å¢å äºé¢å¤çç»æã
å¯ä»¥ä¸º span åºç¨ id æ class å±æ§,è¿æ ·æ¢å¯ä»¥å¢å éå½çè¯ä¹,å便äºå¯¹ span åºç¨æ ·å¼ã
å¯ä»¥å¯¹åä¸ä¸ª <span> å
ç´ åºç¨ class æ id å±æ§,ä½æ¯æ´å¸¸è§çæ
åµæ¯åªåºç¨å
¶ä¸ä¸ç§ãè¿ä¸¤è
ç主è¦å·®å¼æ¯,class ç¨äºå
ç´ ç»(类似çå
ç´ ,æè
å¯ä»¥ç解为æä¸ç±»å
ç´ ),è id ç¨äºæ è¯åç¬çå¯ä¸çå
ç´ ã
æ示:äºå®ä¸,æ¨ä¹è®¸å·²ç»æ³¨æå°äº,W3School ç«ç¹ä¸æä¸äºææ¬çæ ·å¼ä¸å
¶ä»ææ¬æ¯ä¸åçãæ¯å¦âæ示â使ç¨äºç²ä½ç
æ©çº¢è²ã尽管å®ç°è¿ç§ææçæ¹æ³é常å¤,ä½æ¯æ们çåæ³æ¯:使ç¨âæ示âä½¿ç¨ span å
ç´ ,ç¶å对è¿ä¸ª span å
ç´ çç¶å
ç´ ,å³ p å
ç´ åºç¨ class,è¿æ ·å°±å¯ä»¥å¯¹è¿ä¸ªç±»çåå
ç´ span åºç¨ç¸åºçæ ·å¼äºã
HTML:
<p class="tip"><span>æ示:</span>... ... ...</p>CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}