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ÔªË
Ïà¹ØÎĵµ£º
1£ºstyle¡¢style.cssText¼°style.position,style.leftµÈCSSÑùʽµÄ¸÷¸öÊôÐÔ
È磺
var section=document.createEleme ......
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 ......
³£ÓÃÑÕÉ«´úÂë
#000000
#2F0000
#600030
#460046
#28004D
#272727
#4D0000
#820041
#5E005E
#3A006F
#3C3C3C
#600000
#9F0050
#750075
#4B0091
#4F4F4F
#750 ......
ÔÎĵØÖ·£ºhttp://aspalliance.com/1092_Rich_Text_Editor_Part_I
[ÔÎÄÔ´ÂëÏÂÔØ]
¿ª·¢Ò»¸ö×Ô¼ºµÄHTMLÔÚÏß±à¼Æ÷£¨Ò»£©
ÕªÒª
ÔÚ±¾ÎÄÖУ¬Haissam Abdul Malak½«¸ø´ó¼ÒÏêϸ½éÉÜÈçºÎʹÓÃjavascript¿ª·¢Ò»¸öHTMLÔÚÏß±à¼Æ÷£¬Ëü¿ÉÒÔÓ¦ÓÃÓÚwebÓ¦ÓóÌÐòÖУ¬ÌرðÊÇÂÛ̳£¬ÉçÇøºÍ²©¿Í¡£Õâ¸ö±à¼Æ÷Ö§³Ö»ùÓÚXHTML´´½¨Îı¾µÄ¹¦ÄÜ¡£
......