ʹÓÃĸ°æҳʱÄÚÈÝÒ³ÈçºÎʹÓÃcssºÍjavascript
ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´ÁË¡£ÔÀ´ÔÚƵµÀÒ³ºÍÁбíÒ³ÖÐÓÐÆä¸÷×ÔµÄcssÒýÈëºÍһЩjavascriptº¯Êý£¬µ±Ê¹ÓÃĸ°æҳʱ£¬·ÅÔÚÄÚÈÝÒ³ÖÐÕâЩcssÑùʽºÍjavascriptº¯ÊýÔõô´¦ÀíÄØ£¿ÒòΪ´ó¼ÒÖªµÀ£¬Ê¹ÓÃĸ°æÒ³µÄÄÚÈÝÒ³ÊDz»ÄÜ°üº¬<head></head>±ê¼ÇµÄ£¬¶øcssºÍjavascriptº¯ÊýµÄÉùÃ÷ÊÇÒª·Åµ½<head></head>ÖмäµÄ£¬ÕâЩcssÑùʽºÍjavascriptº¯ÊýÈçºÎ´¦ÀíÄØ£¿ÉÏÍø²éÁËһϣ¬´óÖÂÓÐÈýÖÖ½â¾ö·½°¸£º·½°¸Ò»£º°ÑËùÓеÄcssÑùʽºÍjavascriptº¯Êý·Åµ½Ä¸°æÒ³µÄ<head></head>ÖУ¬ÎÒ¾õµÃÕâÑù×öµÄ±×¶Ë¾ÍÊǵ¼ÖÂĸ°æÒ³µÄ<head></head>ÇøÌرðÓ·Ö×£¬Í¬Ê±Èç¹ûÔÀ´Á½¸öƵµÀÒ³Öаüº¬Í¬ÃûµÄcssÉùÃ÷»òjavascriptº¯Êý£¬µ«È´ÊDz»Í¬Ñùʽ»òÖ´Ðв»Í¬²Ù×÷£¬Ôõô°ìÄØ£¿ËùÒÔÕâµÚÒ»ÖÖ·½°¸ºÜ¿ì±»ÎÒ·ñ¶¨ÁË¡£·½°¸¶þÊÇÔÚÄÚÈÝÒ³µÄPageLoadʼþÖÐͨ¹ý´úÂëÀ´Ö¸¶¨±¾ÄÚÈÝÒ³µÄcssÎļþ¡£¾ßÌå´úÂëÈçÏ£º
´úÂëÈçÏÂ:
static public class ControlHelper
{
static public void AddStyleSheet(Page page, string cssPath)
{
HtmlLink link = new HtmlLink();
link.Href = cssPath;
link.Attributes["rel"] = "stylesheet";
link.Attributes["type"] = "text/css";
page.Header.Controls.Add(link);
}
}
ÕâÑù£¬ÔÚ¾ßÌåÒ³Ã棬ÎÒÃǾͿÉÒÔͨ¹ýÈçÏ´úÂëÌí¼Ó CSS ÒýÓãº
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
protected void Page_Load(object sender, EventArgs e)
{
ControlHelper.AddStyleSheet(this.Page, "css/projectPage.css");
}
ÕâÖÖ½â¾ö·½°¸µÄºÃ´¦Ê±¿ÉÒÔÔÚ³ÌÐòÔËÐÐʱ¶¯Ì¬¸ü¸ÄËùÐèµÄcssÎļþ£¬µ«ÊǶÔjavascriptº¯Êý´¦ÀíÆðÀ´¸ÃÔõô×öÄØ£¿ÔÙ˵ÓбØÒª°Ñ±¾¸Ã¼ÓÔÚhtml´úÂëÖеÄcssºÍjavascriptͨ¹ýcs´úÂëÀ´¼ÓÈëÂð£¿Òò´Ë£¬ÕâÖÖ½â¾ö·½°¸Ò²ºÜ¿ì±»ÎÒ·ñ¶¨ÁË¡£Ê£ÏµĵÚÈýÖÖ½â¾ö·½°¸¾ÍÊÇÔÚĸ°æÒ³µÄ<head></head>ÖÐÌí¼ÓÒ»¸öÄÚÈݿؼþ£¬È»ºóÔÚÄÚÈÝÒ³ÖÐÔÚ¶ÔÓ¦µÄÄÚÈݿؼþÖÐдcssºÍjavascript´úÂë¡£ÌýÆðÀ´Õâ¸öÕâ¸ö½â¾ö·½°¸Ó¦¸ÃÊÇ×
Ïà¹ØÎĵµ£º
ÔªËØ | i ¶ÔÏó IMG ÔªËØ | img ¶ÔÏó DHTML ¶ÔÏó
IFRAME ÔªËØ | iframe ¶ÔÏó
--------------------------------------------------------------------------------
´´½¨ÄÚǶ¸¡¶¯¿ò¼Ü¡£
³ÉÔ±±í
ÏÂÃæµÄ±í¸ñÁгöÁË iframe ¶ÔÏóÒý³öµÄ³ÉÔ±¡£Çëµ¥»÷×ó²àµÄ±êÇ©À´Ñ¡ÔñÄãÏëÒª²é¿´µÄ³ÉÔ±ÀàÐÍ¡£
±êÇ©ÊôÐÔ/ÊôÐÔ
ÏÔʾ ......
¡¡div cssÍøÕ¾²¼¾ÖµÄ°Ë¸öС¼¼ÇÉ
¡¡¡¡1.ÈôÓÐÒÉÎÊÁ¢¼´¼ì²â
¡¡
¡¡ÔÚ³ö´íʱÈôÄܶÔÔʼ´úÂë×ö¼òµ¥¼ì²â¿ÉÒÔÊ¡È¥ºÜ¶àÍ·Í´ÎÊÌâ¡£W3C¶ÔÓÚXHTMLÓëCSS ¶¼Óмì²â¹¤¾ß¿ÉÓã¬Çë
¼û http://validator.w3.org ¡£Çë×¢Ò⣬ÔÚÎļþ¿ªÍ·µÄ´íÎ󣬿ÉÄÜÒòΪ²»µ±µÄ½á¹¹µÈÒòËØÔì³É¸ü¶à´íÎó£»ÎÒÃǽ¨ÒéÏÈÐÞÕýһЩ×îÃ÷Ï﵀ ......
cssÔ²½Çbox(°Ù¶ÈÖªµÀÍÚ³ö) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
ov ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &nb ......
SEO¼´ËÑË÷ÒýÇæÓÅ»¯£¬´ÓÄ¿Ç°»¥ÁªÍøµÄ·¢Õ¹×´¿öÀ´¿´£¬ÊµÏÖSEOÓÐÖúÓÚÆóÒµ¼õÉÙÍøÂçÍƹãµÄ³É±¾¡£SEOµÄÊÖ¶ÎÓкܶàÖÖ£¬»òÕ߹̶¨µÄ¼¼Êõģʽ£¬»òÕ߷ǹ̶¨µÄËùνÒÕÊõģʽҲ¡£DIV+CSSÊǵ±Ç°¹«ÈϵÄÍøÒ³Éè¼Æ±ê×¼£¬ÊǹãΪÍƳçµÄÍøÒ³Éè¼Æз¶Ê½£¬ËäÈ»TABLE»¹±»¹ã·ºÓ¦Ó㬵«DIV+CSSÓÅÐãµÄ½çÃæ¿ØÖÆÄÜÁ¦£¬»¹ÊÇÓµÓÐÁ˷dz£Ç¿µÄ¾ºÕùÓÅÊÆ¡£µ±È»£¬Ä¿ ......