CSSÁ´½ÓÒýÈë¾Ñé
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺´íÎóµÄ£º
½áÂÛ£º relÊÇRelationsµÄËõд Ö¸¹ØÁªµ½Ò»¸östylesheet£¨Ñùʽ±íµ¥) ÔÚ±êÇ©ÖУ¬“rel=stylesheet”£¬relÊǹØÁªµÄÒâ˼£¬¹ØÁªµÄÊÇÒ»¸öÑùʽ±í(stylesheet)Îĵµ£¬Ëü±íʾÕâ¸ölinkÔÚÎĵµ³õʼ»¯Ê±½«±»Ê¹Óá£ÇмÉ©дrel,·ñÔòÒýÈëµÄCSSÎÞЧ£¡
Ïà¹ØÎĵµ£º
W3School:http://www.w3school.com.cn/css/index.asp
Ó¢ÎÄ°æÍøÖ·£ºhttp://www.w3schools.com/css/default.asp
×÷Ϊ³õѧÕߣ¬ÕâÊÇÒ»¶¨ÒªÊղصÄÍøÕ¾¡£Õâ¾ÍÏ൱ÓÚÒ»±¾CSSÈëÃŽ̳̣¬ÔÚ´Ë¿ÉÒÔѧϰÿ¸ö±êÇ©£¬ÊôÐÔµÄÓ÷¨ºÍʵÀý£¬¿ÉÒÔ×Ô¶¯¶¯ÊÖʵ¼ù´úÂë¡£³ýÁËCSSµÄ֪ʶ£¬Õâ¸öÍøÕ¾»¹°üÀ¨ÁË´óÁ¿ÆäËûÍøÒ³¿ª·¢ÓïÑԽ̳̺ÍÆäËû֪ʶ¡£
CSS ......
CSSÉèÖÃ
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.Îı¾
<div class="box">Sample text</div>
Sample text
2.ͼƬ(IEÏÂÔÚͼƬºóÃæ¼ÓÒ» ......
<!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=gb2312" />
<title>ÎҵĻ¬¶¯ÃÅ& ......
position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖصÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇôÕæÊǾ޴óµÄÒź¶£¬ÒÔÇ°×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃ棬ûÓа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ë«É«±í¸ñCSSʵÀý</title>
<style type="text/css">
#DataGrid1 tr {
background-color: expression(
this.sectio ......