cssÍⲿÁ´½Ó
html:
<html>
<head>
<title>css </title>
<link href="xj.css" ref="stylesheet" type="text/css" >
</head>
css(xj.css[¾ø¶Ôû´ò´íÎļþÃû]):
h1{text-align:left}
h3{text-align:center}
p{background-color:red; color:green;background-repeat:no-repeat;background-image:url
(E:\html\photo\logo[1].gif);float:center}
body{background-repeat:repeat-y;background-position:center;background-image:url
(e:\html\photo\2009121812521983642[1].jpg)}
h4{color:green;font-family:»ªÎÄÐÂκ;font-size:40px}
a{text-decoration:blink;color:green}
ΪʲôÍⲿÑùʽ±íÁ´½ÓÎÞЧ¹û¡£
ͼƬʹÓÃÏà¶Ô·¾¶
¸ÄÁË£¬»¹ÊDz»Ðа¡¡£
ÊÇËùÓÐÒýÓÃЧ¹ûÈ«²¿²»Æð×÷Óá£
ÕâôдµÄ»°£¬ xj.cssÓ¦¸ÃºÍ htmlÎļþÔÚͬһ¸öĿ¼ÏÂ
xj.cssÔÚ e:\html\ÏµĻ° cssÖÐ url(photo/xxxxx.jpg)
ÎÒÔÚEÅÌÓÐÁ½¸öÎļþ¼Ð <html(Îļþ¼ÐphotoºÍ.jpgÔÚÕâÀïÃæ)>
<htm(ÀïÃæÓÐ.cssºÍ.html)>
Ó¦¸ÃÊÇÓÐЧµÄ£¬ÓÃdreamweaver Web ExpressionÖ®ÀàµÄ¹¤¾ß´ò¿ª¿´¿´
Èç¹û×°ÓÐweb·þÎñÆ÷µÄ»°ÊÔÊÔ¿´Í¨¹ýhttp://localhost/·½Ê½·ÃÎÊÒ³Ãæ.
Óù¤¾ßÒ²ÎÞЧ¡£@import¶¼¿ÉÒÔ¡£
¾ø¶Ô·¾¶£¬²»Ðаɣ¬ÎÒÊÇÕâÑùÏëµÄ£¡
¿ÉÒÔÓÃVSÀïÃæÖ±ÍϷŵķ½Ê½£¬°ÑÒªÒýÓõÄCSSÎļþÍϵ½ÒªÒýÓõĵط½£¬
Ò»°ã·ÅÔÚ <head> </head>ÀïÃæ£¬ÍϵÃʱºò£¬»á×Ô¶¯°ÑµØÖ·☞¹ýÈ¥¡£
ÊÔÁË¡£ÎÒ°ÑËùÓÐÎļþÈ«·Åµ½dreamweaverÀïÃæ£¬´ÓÄÇÀïÃæÁ´½Ócss¾Í¿ÉÒÔ¡
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
ÇëÎÊһϠÓÃÒ»¸öDIV ¿ÉÒÔ×öµ½ÕâÑùµÄЧ¹ûÂð ?
²»ÖªÕâ¸öËã²»ËãÒ»¸öDIV£¿
HTML code:
<style type="text/css">
.demo {
border: 1px solid #8fb9d1;
......
<div style ="width:538px; height:150px; border:solid 1px gray; padding:10px;">
<div style =" width:230px; height:150px; float ......
ÇëÎÊһϿª·¢ÊÖ»úÍøÒ³£¬ÓÐûÓкÃÒ»µãµÄCSS¿â£¿
±ÈÈçpcÉϵÄblue print£¬yahooµÄcss¿âÖ®ÀàµÄ
лл!
CSS Ä£°æ°É
ÄÄÀïÓбȽϳÉÊìµÄÊÖ»úä¯ÀÀÆ÷ÓõÄCSSÄ£°æ£¿
ÊÖ»úÉÏÊDz»ÊÇÒªÓÃwap css£¿
ºÃÏñÓпªÔ´µÄCSS
......
ÒÔÏÂÊÇ´úÂ룬¿ÉÒÔÁí´æÎª .html ¸ñʽ²é¿´Ð§¹û¡£
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt ......