Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB
ÈÈÃűêÇ©£º c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml
 ×îÐÂÎÄÕ : css

CSS ÖÆ×÷²Ëµ¥À¸

1¡¢ÈçºÎÓÃulÖÆ×÷Ò»Ðв˵¥
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
<p>
Ñùʽ£º
<style type="text/css">
      ul{
 float:left;margin:auto;padding:auto;width:800px;list-style-type:none;
}
ul li{
 display:inline;
}
ul li a{
 float:left;padding-left:10px;padding-right:10px;color:#00FF00;background-color:#6600FF;text-decoration:none;border-right:1px solid white
}
a.hover{
 background-color:#CC0099;
}
</style>
¹Ø¼üµã£ºdisplay:inline----ʹµÃliÄÜÁ¬½ÓÔÚÒ»Æð£¬ÒÔǰһֱÉèÖÃli float:left£¬Ì«Âé·³ÁË¡£ ......

asp.net js css µÈ¿ª·¢ÖпÉÄÜ»áÓõ½µÄ ²»¶Ï¸üÐÂ


Ò»¡¢ÓÃJQueryµÄAjax¼ÓÔØXML²¢½âÎöµÄ×¢ÒâÊÂÏî
1¡¢Content-Type
   ºÜ¶àʱºòÎÞ·¨½âÎö¾ÍÊÇContent-TypeµÄÎÊÌâ¡£Èç¹û±¾Éí¾ÍÊÇXMLÎļþ£¬ÇëÌø¹ýÕâÒ»²½¡£
   ¶¯Ì¬Éú³ÉµÄXMLÒ»¶¨Òª½«ÆäÉèÖÃΪtext/xml£¬·ñÔòĬÈϾÍÊÇtext/htmlÒ²¾ÍÊÇÆÕͨµÄÎı¾¡£   ³£¼ûÓïÑÔµÄContent-TypeÉèÖãº
   response.setHeader("ContentType","text/xml");  //jsp
   response.ContentType= "text/xml"; //asp
   header("Content-Type:text/xml"); //php
2¡¢xml½á¹¹
   XMLÒ»¶¨Òª·â±ÕµÄ£¬ºÜÖØÒªµÄ£¡
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="1">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="2">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3¡¢½âÎö
$.ajax({
async: true, // ĬÈÏtrue(Òì²½ÇëÇó)
cache: true, // ĬÈÏtrue,ÉèÖÃΪ false ½«²»»á´Óä¯ÀÀÆ÷»º´æÖмÓÔØÇëÇóÐÅÏ¢¡£
......

asp.net js css µÈ¿ª·¢ÖпÉÄÜ»áÓõ½µÄ ²»¶Ï¸üÐÂ


Ò»¡¢ÓÃJQueryµÄAjax¼ÓÔØXML²¢½âÎöµÄ×¢ÒâÊÂÏî
1¡¢Content-Type
   ºÜ¶àʱºòÎÞ·¨½âÎö¾ÍÊÇContent-TypeµÄÎÊÌâ¡£Èç¹û±¾Éí¾ÍÊÇXMLÎļþ£¬ÇëÌø¹ýÕâÒ»²½¡£
   ¶¯Ì¬Éú³ÉµÄXMLÒ»¶¨Òª½«ÆäÉèÖÃΪtext/xml£¬·ñÔòĬÈϾÍÊÇtext/htmlÒ²¾ÍÊÇÆÕͨµÄÎı¾¡£   ³£¼ûÓïÑÔµÄContent-TypeÉèÖãº
   response.setHeader("ContentType","text/xml");  //jsp
   response.ContentType= "text/xml"; //asp
   header("Content-Type:text/xml"); //php
2¡¢xml½á¹¹
   XMLÒ»¶¨Òª·â±ÕµÄ£¬ºÜÖØÒªµÄ£¡
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="1">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="2">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3¡¢½âÎö
$.ajax({
async: true, // ĬÈÏtrue(Òì²½ÇëÇó)
cache: true, // ĬÈÏtrue,ÉèÖÃΪ false ½«²»»á´Óä¯ÀÀÆ÷»º´æÖмÓÔØÇëÇóÐÅÏ¢¡£
......

HTML CSS±êÇ©

<html >
<body style="margin:0;overflow:hidden">
    <div>
     <table style="width:100%;height:100%">
         <!--<tr>
             <td>
             <div style="" align="center" >
                  here is header ling
             </div>
             </td>
         </tr>-->
      <tr>
       <td style="height:100%;">
        <div style="height:100%;overflow:auto;">
&n ......

HTML CSS±êÇ©

<html >
<body style="margin:0;overflow:hidden">
    <div>
     <table style="width:100%;height:100%">
         <!--<tr>
             <td>
             <div style="" align="center" >
                  here is header ling
             </div>
             </td>
         </tr>-->
      <tr>
       <td style="height:100%;">
        <div style="height:100%;overflow:auto;">
&n ......

CSSÉè¼Æ½Ì³Ì Àý1£­1 ±³¾°Í¼Æ¬

´Ó½ñÌ쿪ʼ£¬CSSÉè¼Æ½Ì³ÌºÍ´ó¼Ò¼ûÃæÁË¡£Ã¿ÌìÒ»½Ú£¬ÓÐѧϰµÄͬѧÇëÿÌì¹Ø×¢ÎÒÃÇÍøÕ¾¡£
Àý1£­1 ±³¾°Í¼Æ¬
µÚÒ»¸öÀý×ÓչʾÁ˶ÔbackgroundÊôÐÔµÄÔËÓ㬱¾Àý×Ó°ÑbackgroundÊôÐÔÓëÒ»¸ödivÔªËØÏà½áºÏ¡£divµÄ´óСΪ250pxX76px£¬ËùÒÔËü»áÏÔʾ³öÒ»¸öÍêÕûµÄ±³¾°Í¼Æ¬¡£
ÒÔÏÂÊDZ¾ÊµÀýµÄÏêϸ³ÌÐò£¬µ÷ÊÔÔÚMicrosoft Visual Studio 2010°æ£º
ÔËÐл·¾³£º
 
Ô­´úÂëÈçÏ£º
<!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>
    <title>±³¾°Í¼Æ¬</title>
    <style>div {background:url("heading2.jpg") no-repeat; width:250px; height:76px;</style>
</head>
<body>
<h6>°æÈ¨ËùÓУºÀ×½¨Ç¿</h6>
<h1>±³¾°Í¼Æ¬</h1>
<div></div>
</body>
</html>
±£´æÎª ±³¾°Í¼Æ¬.htm ºóÖ±½Ó´ò¿ª£¬¾Í¿ÉÒÔ¿´µ½Ð§¹û¡£
Ч¹ûͼÈçÏ£º
 
ÈçÒªÔ´´úÂëÇëµ½±¾ÈËQQ294186203ÁôÑÔ¡£ ......

CSS hack£ºÇø·ÖIE6¡¢IE7¡¢IE8¡¢Firefox¡¢Opera

·½·¨Ò»£º
  ¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔ­ÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±ÆÚµÄ°æ±¾Ò²»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
  ±¾ÎľÝ˵µÄÖ÷ÒªÊÇͨ¹ý“.”£¬“>”£¬“*”£¬“_”À´Çø·Ö¡£ÒÔÏÂÊDZ¾È˶ÔÕâËÄÖÖ·ûºÅµÄ²âÊÔ½á¹û£º
———————IE6——    IE7——IE8——FF2——FF3—    Opera9.5
>property——    Y——    Y——    Y——    N——    N——    N
.property——    Y——    Y——    Y—&m ......

cssÖÐ idºÍclassÇø±ðÓëʹÓÃ

idºÍclassµ½µ×ÒªÓÃÄÄÒ»¸ö£¿
¡¡¡¡Ê×ÏÈÒªÃ÷°×idºÍclassµÄ¸÷×ÔµÄÓÅȱµã¡£ÕâÑù²ÅÄܸù¾ÝËûÃǵĸ÷×ÔµÄÌØµã½øÐÐʹÓá£
¡¡¡¡idµÄÓŵ㣨classµÄȱµã£©£ºidдÔÚcssÓÃ"#"Ñ¡ÔñÆ÷£¬classдÔÚcssÖÐÓÃ"."Ñ¡ÔñÆ÷¡£"#"Ñ¡ÔñÆ÷µÄÓÅÏȼ¶¸ßÓÚ"."Ñ¡ÔñÆ÷´óÔ¼10±¶£¬ËùÒÔµ±ÄãÐèÒªÌáÉýÓÅÏȼ¶µÄʱºò£¬id±êÇ©£¬»òÕßidÈÝÆ÷ÄڵıêÇ©½«ÊǺÜÈÝÒ׺ÍÓÐЧµÄ¡£¶øclass±êÇ©£¬»òÕßclassÈÝÆ÷ÄڵıêÇ©½«¿ÉÄܵ¼ÖÂÓÅÏȼ¶µÄÌáÉýʧ°Ü¡£
¡¡¡¡idµÄȱµã£¨classµÄÓŵ㣩£ºidÓ¦¸ÃÊÇΨһµÄ£¬ËùÒÔËüµÄ¿É¸´ÓÃÐÔÊǺܲîµÄ£¬¶øclassÊÇ¿ÉÒÔ¸´Óõġ£ËùÒÔÈç¹ûÒ»¿é¶«Î÷ÊǶà¸öÒ³Ãæ£¬ÉõÖÁÒ»¸öÒ³Ãæ¶¼»áʹÓöà´ÎµÄ£¬ÄÇôһ¶¨ÒªÊ¹ÓÃclassÀ´×÷ΪÑùʽѡÔñÆ÷¡£idÊÇΨһµÄ£¬µ±Ò»¸ö¿Ø¼þµÄidµÄ²úÉúÊDz»¿É¿ØµÄ£¬ÄÇôÕâ¸öidÑ¡ÔñÆ÷½«Ê§È¥ÒâÒ壬µ«ÊÇÈκÎÒ»¸ö¿Ø¼þ¼´Ê¹ÊǶ¯Ì¬²úÉúµÄ£¬ËûµÄcssClassÈÔÈ»Êǿɶ¨ÖƵģ¬ËùÒÔµ±ÄãµÄÕâ¸ö±êÇ©ÐèÒªÓ÷þÎñÆ÷¶Ë¿Ø¼þÌæ´úµÄʱºò£¬¶ø·þÎñÆ÷¶Ë¿Ø¼þµÄidÊDz»È·¶¨µÄ£¬ÄÇôÇëʹÓÃclassÑ¡ÔñÆ÷£¬ÕâÑùÖ»Òª½«·þÎñÆ÷¶Ë¿Ø¼þµÄcssClassÉèΪÄãclassÑ¡ÔñÆ÷µÄÃû³Æ¼´¿É¡££¨µ±È»£¬Õâ¸ö»¹ÐèÒª´óÁ¿µÄ¾­ÑéµÄ»ýÀÛ£¬ÏîÄ¿×öµÄ¶àÁ˾ͻáÖ𲽵ĸĽø£© 
¡¡¡¡paddingºÍmarginµ½µ×ÒªÓÃÄÄÒ»¸ö£¿ 
¡¡¡¡paddingºÍmargin¿ÉÒÔÈÃÒ»¿éÇøÓòµÄÍâ¹ÛÏ ......
×ܼǼÊý:772; ×ÜÒ³Êý:129; ÿҳ6 Ìõ; Ê×Ò³ ÉÏÒ»Ò³ [47] [48] [49] [50] 51 [52] [53] [54] [55] [56]  ÏÂÒ»Ò³ βҳ
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ