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 ......
´´Ð£¬ÔƼÆË㣬web2.0£¬»¹¼«ÓпÉÄÜweb3.0¡¢web4.0...ÇëÞÑÐÄ×ÔÎÊ£¬Óд´ÐÂÂð£¿IT¹»»ìÂÒÂð£¿Ò²ÐíÓÐЩÈ˲»³ÐÈÏ£¬ËûÃÇÖ»»á˵ÄÇЩÊÇ×îÏȽøµÄ¼¼Êõ¡£ÕæµÄÈç´Ë£¿ÕæʵµÄÇé¿öÊÇËûÃÇÏë½ÁÂÒÕâ¸öÊÀ½ç£¬³Ã»ëË®ÃþÓ㣬Ҳ¾ÍÊÇÏëÂÒÊÀ³öÓ¢ÐÛ¶øÒÑ¡£
ºÜ¶àÈËÓ¦¸ÃÖªµÀ£¬webÓ¦ÓõÄÄÇ ......
aspx Éú³ÉHTML ¾²Ì¬Ò³ £ºhttp://www.cnblogs.com/ejiyuan/archive/2007/11/09/954325.html
cs Ò³£º
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
u ......
HTMLÌØÊâתÒå×Ö·ûÁбí
2009-11-10 15:45
ÈçºÎÏÔʾ¿Õ¸ñ£¿
ͨ³£Çé¿öÏ£¬HTML»á×Ô¶¯½ØÈ¥¶àÓàµÄ¿Õ¸ñ¡£²»¹ÜÄã¼Ó¶àÉÙ¿Õ¸ñ£¬¶¼±»¿´×öÒ»¸ö¿Õ¸ñ¡£±ÈÈçÄãÔÚÁ½¸ö×ÖÖ®¼ä¼ÓÁË10¸ö¿Õ¸ñ£¬HTML»á½ØÈ¥9¸ö¿Õ¸ñ£¬Ö»±£ÁôÒ»¸ö¡£ÎªÁËÔÚÍøÒ³ÖÐÔö¼Ó¿Õ¸ñ£¬Äã¿ÉÒÔʹÓà ±íʾ¿Õ¸ñ¡£
HTMLÌØÊâתÒå×Ö·ûÁбí
×î³£ÓõÄ×Ö·ûʵÌå
Character Ent ......