Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

htmlÖеÄdiv±êÇ©µÄº¬ÒåºÍÓ¦ÓÃ

CSSÊÇDHTMLµÄ»ù´¡£¬CSSÓÃÓÚÉ趨HTMLÔªËØÔÚÒ³ÃæÉϵÄÏÔʾ·ç¸ñ£¬¶øCSS-PÔòÊÇCSSµÄÒ»¸öÀ©Õ¹£¬Ëü¿ÉÓÃÀ´¿ØÖÆHTMLÔªËØÔÚÍøÒ³ÉÏ»òÕß˵ÔÚ´°¿ÚµÄλÖá£ÏÂÃæµÄÁ½¸öÁ´½ÓÌṩÁËCSSºÍCSS£­PÏ꾡µÄ¼¼ÊõÊֲ᣺
¡¡¡¡ W3C CSS-Positioning
¡¡¡¡ Builder.com's CSS Guide
¡¡¡¡ ÔÚ±¾¿Î³ÌÖУ¬½«»á·´¸´µØ¶ÔCSS½øÐнéÉÜ¡£
¡¡¡¡ ʹÓÃDIV±êÇ©
¡¡¡¡ ʹÓÃCSS£­P£¬Ö÷ÒªÒÀ¿¿< div >±êÇ©À´ÊµÏÖ£¬µ±Äã°ÑHTMLÄÚÈÝ·ÅÔÚ< div >±êÇ©Àïʱ£¬¿ÉÒÔ³ÆËüΪ:“DIV¿é”, “DIV ÔªËØ”, “CSS-layer”,»òÕß¼òµ¥µÄ³Æ֮Ϊ“layer”¡£
¡¡¡¡ ʹÓÃDIV±êÇ©µÄ·½·¨ºÍÆäËû±êǩûÓÐʲôÁ½Ñù£º
¡¡¡¡ < div >
¡¡¡¡ HTMLÄÚÈÝ
¡¡¡¡ < /div >
¡¡¡¡ ´¿´âʹÓÃ< DIV >±êÇ©¶ø²»¼ÓÈκÎCSSÄÚÈÝ£¬ÆäЧ¹ûÓëÓÃ< P >< /P >ÊÇÒ»ÑùµÄ¡£
¡¡¡¡ µ«µ±°ÑCSS·Å½øDIV±êÇ©ÖÐÒÔºó£¬ÎÒÃǾͿÉÒÔÖ¸¶¨HMTLÔªËØÏÔʾÔÚÆÁÄ»ÉϵľßÌåλÖ㬿ÉÒÔÔÚijһλÖÃÉÏ»­³ö·½ÐλòÏߣ¬»òÕßÖ¸¶¨ÎÄ×ÖÔÚijһ¸ö¿éÖÐÈçºÎÏÔʾ¡£Ê×ÏÈÒª×öµÄ£¬ÊǸøÕâ¸öDIVÔªËØ£¨¼´²ã£©¼ÓÉÏÒ»¸öΨһµÄID±êʶ£¨IDµÄ×÷ÓÃÀàËÆÓÚΪÕâ¸ö²ãÆð¸öÃû×Ö£©¡£
¡¡¡¡ < div¡¡id="abc" >
¡¡¡¡ ¼ÓÒ»¸öIDºÅ
¡¡¡¡ < /div >
¡¡¡¡ ²ãµÄID¿ÉÒÔËæÒâÉ趨£¬¿ÉÓÉ×Öĸ¡¢Êý×ÖºÍÏ»®Ïß×é³É£¬µ«±ØÐëÒÔ×ÖĸÆðÍ·¡£
¡¡¡¡ Äã¿ÉÒÔÓÃÒÔÏÂÁ½ÖÖ·½·¨À´ÊµÏÖCSS£º
¡¡¡¡ ǶÈëʽCSS:
¡¡¡¡ ǶÈëʽÊÇ×î³£Óõķ½·¨£¬
¡¡¡¡ < div¡¡id="abc" style="this is style" >
¡¡¡¡ ÄÚǶʽCSS
¡¡¡¡ < /div >
¡¡¡¡ ÍⲿÑùʽ±í£º
¡¡¡¡ ʹÓÃÍⲿÒýÈë·½·¨µÄ½á¹ûÊÇÒ»ÑùµÄ£¬Ö»²»¹ýËüÔÚÊéдÉÏÒªÏàÓ¦µÄ¸´ÔÓÒ»µã¡£
¡¡¡¡ < style type="text/css" >
¡¡¡¡ < !--
#abc {this is style}
¡¡¡¡ -- >
¡¡¡¡ < /style >
¡¡¡¡ < div¡¡id="abc" >
¡¡¡¡ ÒýÓÃÍⲿÑùʽ±í
¡¡¡¡ < /div >
¡¡¡¡ ¿çä¯ÀÀÆ÷CSSÊôÐÔ£º
¡¡¡¡ ÎÒÃǵÄÄ¿±êÊÇʹNetscapeºÍIEÁ½Õ߶¼ÄܶÔËùд³öµÄDHTML˳Àû¹¤×÷£¬ÎÒÃǶÔÊéдµÄCSSÊôÐÔÓÐЩÏÞÖÆ¡£Ò»°ãÀ´Ëµ£¬ÒÔÏÂÊôÐÔÊÇÓÉW3C½øÐйý¶¨ÒåµÄ±ê×¼¡£
¡¡¡¡ position
¡¡¡¡ ¶¨ÒåÈçºÎ·ÅÖÃDIV£¬"relative"ÊÇÖ¸DIVÓëÆäËûHTMLÔªËصÄÏà¶ÔλÖã»"absolute"ÔòÊÇÖ¸DIVÔÚ´°¿ÚÖеľø¶Ô¶¨Î»¡£ÕâÒ»¿ÎÖÐÎÒÃÇÖ÷ÒªÊǽ²“absolute”¡£
¡¡¡¡ left
¡¡¡¡ ×ó±ß¾à£¨Ïà¶ÔÓÚ´°¿ÚµÄÏñËØ¿í£©
¡¡¡¡ top
¡¡¡¡ ¶¥²¿±ß¾à
¡¡¡¡ width
¡¡¡¡ ²ã¿í
¡¡¡¡ height
¡¡¡¡ ²ã¸ß
¡¡¡¡ ËùÓÐDIVÖеÄHTMLÔªË


Ïà¹ØÎĵµ£º

js html¶ÔÏóͨÓÃÊôÐÔ×ܽá ÊÕ²Ø


           1£ºstyle¡¢style.cssText¼°style.position,style.leftµÈCSSÑùʽµÄ¸÷¸öÊôÐÔ
            È磺
           var section=document.createEleme ......

Ö´ÐÐJSPºóÉú³ÉHTML¾²Ì¬Îļþ

import java.io.ByteArrayOutputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStreamWriter;
import java.io.PrintWriter;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.Servl ......

htmlÖг£ÓÃÑÕÉ«´úÂë


³£ÓÃÑÕÉ«´úÂë
 
#000000
 
#2F0000
 
#600030
 
#460046
 
#28004D
 
#272727
 
#4D0000
 
#820041
 
#5E005E
 
#3A006F
 
#3C3C3C
 
#600000
 
#9F0050
 
#750075
 
#4B0091
 
#4F4F4F
 
#750 ......

¿ª·¢Ò»¸ö×Ô¼ºµÄHTMLÔÚÏ߱༭Æ÷

Ô­ÎĵØÖ·£ºhttp://aspalliance.com/1092_Rich_Text_Editor_Part_I
[Ô­ÎÄÔ´ÂëÏÂÔØ]
¿ª·¢Ò»¸ö×Ô¼ºµÄHTMLÔÚÏ߱༭Æ÷£¨Ò»£©
ÕªÒª
ÔÚ±¾ÎÄÖУ¬Haissam Abdul Malak½«¸ø´ó¼ÒÏêϸ½éÉÜÈçºÎʹÓÃjavascript¿ª·¢Ò»¸öHTMLÔÚÏ߱༭Æ÷£¬Ëü¿ÉÒÔÓ¦ÓÃÓÚwebÓ¦ÓóÌÐòÖУ¬ÌرðÊÇÂÛ̳£¬ÉçÇøºÍ²©¿Í¡£Õâ¸ö±à¼­Æ÷Ö§³Ö»ùÓÚXHTML´´½¨Îı¾µÄ¹¦ÄÜ¡£
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ