锘??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲理论片在线观看,亚洲Av无码专区国产乱码DVD,亚洲高清中文字幕http://m.tkk7.com/nbtymm/category/12209.html</br><a ><b><font color=red>鍏辨湁<script src=http://fastonlineusers.com/online.php?d=bluedavy.blogjava.net></script>浜哄湪鍚屾椂闃呰姝log</font></b></a>zh-cnFri, 02 Mar 2007 07:08:42 GMTFri, 02 Mar 2007 07:08:42 GMT60JSTL璇﹁В(鍏?http://m.tkk7.com/nbtymm/archive/2007/01/18/94655.htmlnbtnbtThu, 18 Jan 2007 07:18:00 GMThttp://m.tkk7.com/nbtymm/archive/2007/01/18/94655.htmlhttp://m.tkk7.com/nbtymm/comments/94655.htmlhttp://m.tkk7.com/nbtymm/archive/2007/01/18/94655.html#Feedback0http://m.tkk7.com/nbtymm/comments/commentRss/94655.htmlhttp://m.tkk7.com/nbtymm/services/trackbacks/94655.html 9.6 聽Database access 鏍囩搴?/span>

Database access 鏍囩搴撲腑鐨勬爣絳劇敤鏉ユ彁渚涘湪 JSP 欏甸潰涓彲浠ヤ笌鏁版嵁搴撹繘琛屼氦浜掔殑鍔熻兘錛岃櫧鐒跺畠鐨勫瓨鍦ㄥ浜庢棭鏈熺函 JSP 寮鍙戠殑搴旂敤浠ュ強灝忓瀷鐨勫紑鍙戞湁鐫鎰忎箟閲嶅ぇ鐨勮礎鐚紝浣嗘槸瀵逛簬 MVC 妯″瀷鏉ヨ錛屽畠鍗存槸榪濆弽瑙勮寖鐨勩傚洜涓轟笌鏁版嵁搴撲氦浜掔殑宸ヤ綔鏈韓灝卞睘浜庝笟鍔¢昏緫灞傜殑宸ヤ綔錛屾墍浠ヤ笉搴旇鍦?/span> JSP 欏甸潰涓嚭鐜幫紝鑰屾槸搴旇鍦ㄦā鍨嬪眰涓繘琛屻?/span>

瀵逛簬 Database access 鏍囩搴撴湰涔︿笉浣滈噸鐐逛粙緇嶏紝鍙粰鍑哄嚑涓畝鍗曠ず渚嬭璇昏呯暐寰簡瑙e畠浠殑鍔熻兘銆?/span>

Database access 鏍囩搴撴湁浠ヤ笅 6 緇勬爣絳炬潵榪涜宸ヤ綔錛?/span> <sql:setDataSource> 銆?/span> <sql:query> 銆?/span> <sql:update> 銆?/span> <sql:transaction> 銆?/span> <sql:setDataSource> 銆?/span> <sql:param> 銆?/span> <sql:dateParam> 銆?/span>

9.6.1聽 鐢ㄤ簬璁劇疆鏁版嵁婧愮殑 <sql:setDataSource> 鏍囩

<sql:setDataSource> 鏍囩鐢ㄤ簬璁劇疆鏁版嵁婧愶紝涓嬮潰鐪嬩竴涓ず渚嬶細

<sql:setDataSource

聽聽聽聽聽聽聽聽 var="dataSrc"

聽聽聽聽聽聽聽聽 url="jdbc:postgresql://localhost:5432/myDB"

聽聽聽聽聽聽聽聽 driver="org.postgresql.Driver"

聽聽聽聽聽聽聽聽 user="admin"

聽聽聽聽聽聽聽聽 password="1111"/>

璇ョず渚嬪畾涔変竴涓暟鎹簮騫朵繚瀛樺湪鈥?/span> dataSrc 鈥濆彉閲忓唴銆?/span>

9.6.2聽 鐢ㄤ簬鏌ヨ鐨?/span> <sql:query> 鏍囩

<sql:query> 鏍囩鐢ㄤ簬鏌ヨ鏁版嵁搴擄紝瀹冩爣絳句綋鍐呭彲浠ユ槸涓鍙ユ煡璇?/span> SQL 銆備笅闈㈢湅涓涓ず渚嬶細

<sql:query var="queryResults" dataSource="${dataSrc}">

聽聽聽聽 select * from table1

</sql:query>

璇ョず渚嬪皢榪斿洖鏌ヨ鐨勭粨鏋滃埌鍙橀噺鈥?/span> queryResults 鈥濅腑錛屼繚瀛樼殑緇撴灉鏄?/span> javax.servlet.jsp.jstl.sql.Result 綾誨瀷鐨勫疄渚嬨傝鍙栧緱緇撴灉闆嗕腑鐨勬暟鎹彲浠ヤ嬌鐢?/span> <c:forEach> 寰幆鏉ヨ繘琛屻備笅闈㈢湅涓涓ず渚嬨?/span>

<c:forEach var="row" items="${queryResults.rows}">

聽聽聽聽 <tr>

聽聽聽 聽聽聽聽聽聽聽聽聽聽 <td>${row.userName}</td>

聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 <td>${row.passWord}</td>

聽聽聽聽 </tr>

</c:forEach>

鈥?/span> rows 鈥濇槸 javax.servlet.jsp.jstl.sql.Result 瀹炰緥鐨勫彉閲忓睘鎬т箣涓錛岀敤鏉ヨ〃紺烘暟鎹簱琛ㄤ腑鐨勨滃垪鈥濋泦鍚堬紝寰幆鏃訛紝閫氳繃鈥?/span> ${row.XXX} 鈥濊〃杈懼紡鍙互鍙栧緱姣忎竴鍒楃殑鏁版嵁錛屸?/span> XXX 鈥濇槸琛ㄤ腑鐨勫垪鍚嶃?/span>

9.6.3聽 鐢ㄤ簬鏇存柊鐨?/span> <sql:update> 鏍囩

<sql:update> 鏍囩鐢ㄤ簬鏇存柊鏁版嵁搴擄紝瀹冪殑鏍囩浣撳唴鍙互鏄竴鍙ユ洿鏂扮殑 SQL 璇彞銆傚叾浣跨敤鍜?/span> <sql:query> 鏍囩娌℃湁浠涔堜笉鍚屻?/span>

9.6.4聽 鐢ㄤ簬浜嬪姟澶勭悊鐨?/span> <sql:transaction> 鏍囩

<sql:transaction> 鏍囩鐢ㄤ簬鏁版嵁搴撶殑浜嬪姟澶勭悊錛屽湪璇ユ爣絳句綋鍐呭彲浠ヤ嬌鐢?/span> <sql:update> 鏍囩鍜?/span> <sql:query> 鏍囩錛岃?/span> <sql:transaction> 鏍囩鐨勪簨鍔$鐞嗗皢浣滅敤浜庡畠浠箣涓娿?/span>

<sql:transaction> 鏍囩瀵逛簬浜嬪姟澶勭悊瀹氫箟浜?/span> read_committed 銆?/span> read_uncommitted 銆?/span> repeatable_read 銆?/span> serializable4 涓殧紱葷駭鍒?/span>

9.6.5聽 鐢ㄤ簬浜嬪姟澶勭悊鐨?/span> <sql:param> 銆?/span> <sql:dateParam> 鏍囩

榪欎袱涓爣絳劇敤浜庡悜 SQL 璇彞鎻愪緵鍙傛暟錛屽氨濂藉儚紼嬪簭涓澶勭悊 SQL 鐨勨?/span> ? 鈥濅竴鏍楓?/span> <sql:param> 鏍囩浼犻掗櫎 java.util.Date 綾誨瀷浠ュ鐨勬墍鏈夌浉铻嶅弬鏁幫紝 <sql:dateParam> 鏍囩鍒欐寚瀹氬繀欏諱紶閫?/span> java.util.Date 綾誨瀷鐨勫弬鏁般?/span>


nbt 2007-01-18 15:18 鍙戣〃璇勮
]]>
jsp涓敓鎴愬浘鐗囬獙璇佺爜http://m.tkk7.com/nbtymm/archive/2006/07/21/59350.htmlnbtnbtFri, 21 Jul 2006 01:36:00 GMThttp://m.tkk7.com/nbtymm/archive/2006/07/21/59350.htmlhttp://m.tkk7.com/nbtymm/comments/59350.htmlhttp://m.tkk7.com/nbtymm/archive/2006/07/21/59350.html#Feedback3http://m.tkk7.com/nbtymm/comments/commentRss/59350.htmlhttp://m.tkk7.com/nbtymm/services/trackbacks/59350.htmlimage.jsp-------------------鐢熸垚闅忓嵆楠岃瘉鐮佸浘鐗囩殑jsp欏甸潰
浠g爜濡備笅錛?br /><%@ page contentType="image/jpeg" import="java.awt.*,
java.awt.image.*,java.util.*,javax.imageio.*" %>
<%!
Color getRandColor(int fc,int bc)
{
聽Random random = new Random();
聽if(fc>255) fc=255;
聽if(bc>255) bc=255;
聽int r=fc+random.nextInt(bc-fc);
聽int g=fc+random.nextInt(bc-fc);
聽int b=fc+random.nextInt(bc-fc);
聽return new Color(r,g,b);
}
%>
<%
out.clear();//榪欏彞閽堝resin鏈嶅姟鍣紝濡傛灉鏄痶omacat鍙互涓嶈榪欏彞
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);

int width=60, height=20;
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);


Graphics g = image.getGraphics();
Random random = new Random();

g.setColor(getRandColor(200,250));
g.fillRect(0, 0, width, height);

g.setFont(new Font("Times New Roman",Font.PLAIN,18));

g.setColor(getRandColor(160,200));
for (int i=0;i<155;i++)
{
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x,y,x+xl,y+yl);
}


String sRand="";
for (int i=0;i<4;i++){
String rand=String.valueOf(random.nextInt(10));
sRand+=rand;

g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
g.drawString(rand,13*i+6,16);
}

// 灝嗚璇佺爜瀛樺叆SESSION
session.setAttribute("rand",sRand);

g.dispose();

ImageIO.write(image, "JPEG", response.getOutputStream());
%>

login.jsp--------------------鐧誨綍欏甸潰錛屽湪榪欓噷鎴戞槸鎻愪緵杈撳叆楠岃瘉鐮佺劧鍚庢彁浜よ繘琛岄獙璇?br />浠g爜濡備笅錛?br /><%@ page language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鐢ㄦ埛鐧誨綍</title>
<script language="javascript">
聽 function loadimage(){
聽聽聽 document.getElementById("randImage").src = "image.jsp?"+Math.random();
聽 }
聽 </script>
</head>

<body>

<table width="256" border="0" cellpadding="0" cellspacing="0">
聽 <!--DWLayoutTable-->
聽 <form action="validate.jsp" method="post" name="loginForm">
聽 <tr>
聽聽聽 <td width="118" height="22" valign="middle" align="center"><input type="text" name="rand" size="15"></td>
聽聽聽 <td width="138" valign="middle" align="center"><img alt="code..." name="randImage" id="randImage" src="image.jsp" width="60" height="20" border="1" align="absmiddle"></td>
聽 </tr>
聽 <tr>
聽聽聽 <td height="36" colspan="2" align="center" valign="middle"><a href="javascript:loadimage();"><font class=pt95>鐪嬩笉娓呯偣鎴?lt;/font></a></td>
聽 </tr>
聽 <tr>
聽聽聽 <td height="36" colspan="2" align="center" valign="middle"><input type="submit" name="login" value="鎻愪氦"></td>
聽 </tr>
聽 </form>
</table>
</body>
</html>

validate.jsp-------------鐢ㄦ潵楠岃瘉杈撳叆鐨勯獙璇佺爜鏄惁姝g‘
浠g爜濡備笅錛?br /><%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<%
String rand = (String)session.getAttribute("rand");
String input = request.getParameter("rand");
if(rand.equals(input)){
聽out.print("<script>alert('楠岃瘉閫氳繃錛?);</script>");
} else{
聽out.print("<script>alert('璇瘋緭鍏ユ紜殑楠岃瘉鐮侊紒');location.href='login.jsp';</script>");
}
%>

涓婇潰鐢熸垚鐨勬槸綰暟瀛楃殑楠岃瘉鐮侊紝鎴戜滑瀵瑰叾榪涜涓涓嬩慨鏀瑰氨鍙互鐢熸垚鏁板瓧瀛楁瘝娣峰悎鐨勯獙璇佺爜浜嗐?br />淇敼閮ㄥ垎鐨勪唬鐮佸涓嬶細

<%
......
......
......
for (int i=0;i<155;i++)
{
聽 ......
聽 ......
}
//-----------------浠ヤ笅鏄娣誨姞鐨勪唬鐮?-------------
char c[] = new char[62];

for (int i = 97, j = 0; i < 123; i++, j++) {
c[j] = (char) i;
}
for (int o = 65, p = 26; o < 91; o++, p++) {
c[p] = (char) o;
}
for (int m = 48, n = 52; m < 58; m++, n++) {
c[n] = (char) m;
}聽聽聽聽聽聽聽
String sRand="";
for (int i=0;i<4;i++){
int x = random.nextInt(62);
String rand=String.valueOf(c[x]);
sRand+=rand;
//---------------------------------------------
%>
鎹湁閮ㄥ垎鏈嬪弸鍙嶅簲錛屽湪嫻嬭瘯榪囩▼涓嚭鐜癹ava.lang.IllegalStateException: getOutputStream() has already been called for this response鐨勫紓甯革紝緇忚繃嫻嬭瘯鍙戠幇錛屼嬌鐢╰omcat5涓涓嬬殑鐗堟湰紜疄浼氬嚭鐜拌闂錛岃В鍐崇殑鍔炴硶灝辨槸鎶妕omcat鎹㈡垚楂樼偣鐗堟湰灝卞彲浠ヤ簡銆?/p>

nbt 2006-07-21 09:36 鍙戣〃璇勮
]]>
HTML緇撴瀯鍖栵細瀹炶返DIV錛婥SS緗戦〉甯冨眬鍏ラ棬鎸囧崡(杞澆)http://m.tkk7.com/nbtymm/archive/2006/06/15/53045.htmlnbtnbtThu, 15 Jun 2006 09:54:00 GMThttp://m.tkk7.com/nbtymm/archive/2006/06/15/53045.htmlhttp://m.tkk7.com/nbtymm/comments/53045.htmlhttp://m.tkk7.com/nbtymm/archive/2006/06/15/53045.html#Feedback0http://m.tkk7.com/nbtymm/comments/commentRss/53045.htmlhttp://m.tkk7.com/nbtymm/services/trackbacks/53045.html浣犳鍦ㄥ涔燙SS甯冨眬鍚楋紵鏄笉鏄繕涓嶈兘瀹屽叏鎺屾彙綰疌SS甯冨眬錛熼氬父鏈変袱縐嶆儏鍐甸樆紕嶄綘鐨勫涔狅細

絎竴縐嶅彲鑳芥槸浣犺繕娌℃湁鐞嗚ВCSS澶勭悊欏甸潰鐨勫師鐞嗐傚湪浣犺冭檻浣犵殑欏甸潰鏁翠綋琛ㄧ幇鏁堟灉鍓嶏紝浣犲簲褰撳厛鑰冭檻鍐呭鐨勮涔夊拰緇撴瀯錛岀劧鍚庡啀閽堝璇箟銆佺粨鏋勬坊鍔燙SS銆傝繖綃囨枃绔犲皢鍛婅瘔浣犲簲璇ユ庢牱鎶奌TML緇撴瀯鍖栥?

鍙︿竴縐嶅師鍥犳槸浣犲閭d簺闈炲父鐔熸倝鐨勮〃鐜板眰灞炴?渚嬪錛歝ellpadding,銆乭space銆乤lign="left"絳夌瓑)鏉熸墜鏃犵瓥錛屼笉鐭ラ亾璇ヨ漿鎹㈡垚瀵?搴旂殑浠涔圕SS璇彞銆?褰撲綘瑙e喅浜嗙涓縐嶉棶棰橈紝鐭ラ亾浜嗗浣曠粨鏋勫寲浣犵殑HTML錛屾垜鍐嶇粰鍑轟竴涓垪琛紝璇︾粏鍒楀嚭鍘熸潵鐨勮〃鐜板睘鎬х敤浠涔圕SS鏉ヤ唬鏇褲?

緇撴瀯鍖朒TML

鎴戜滑鍦ㄥ垰瀛︿範緗戦〉鍒朵綔鏃訛紝鎬繪槸鍏堣冭檻鎬庝箞璁捐錛岃冭檻閭d簺鍥劇墖銆佸瓧浣撱侀鑹層佷互鍙婂竷灞鏂規銆傜劧鍚庢垜浠敤Photoshop鎴栬匜ireworks鐢誨嚭鏉ャ佸垏鍓叉垚灝忓浘銆傛渶鍚庡啀閫氳繃緙栬緫HTML灝嗘墍鏈夎璁¤繕鍘熻〃鐜板湪欏甸潰涓娿?

濡傛灉浣犲笇鏈涗綘鐨凥TML欏甸潰鐢–SS甯冨眬(鏄疌SS-friendly鐨?錛屼綘闇瑕佸洖澶撮噸鏉ワ紝鍏堜笉鑰冭檻鈥滃瑙傗濓紝瑕佸厛鎬濊冧綘鐨勯〉闈㈠唴瀹圭殑璇箟鍜岀粨鏋勩?

澶栬騫朵笉鏄渶閲嶈鐨勩備竴涓粨鏋勮壇濂界殑HTML欏甸潰鍙互浠ヤ換浣曞瑙傝〃鐜板嚭鏉ワ紝CSS Zen Garden鏄竴涓吀鍨嬬殑渚嬪瓙銆侰SS Zen Garden甯姪鎴戜滑鏈緇堣璇嗗埌CSS鐨勫己澶у姏閲忋?

HTML涓嶄粎浠呭彧鍦ㄧ數鑴戝睆騫曚笂闃呰銆備綘鐢╬hotoshop綺懼績璁捐鐨勭敾闈㈠彲鑳戒笉鑳芥樉紺哄湪PDA銆佺Щ鍔ㄧ數璇濆拰灞忓箷闃呰鏈轟笂銆備絾鏄竴涓粨鏋勮壇濂界殑HTML欏甸潰鍙互閫氳繃CSS鐨勪笉鍚屽畾涔夛紝鏄劇ず鍦ㄤ換浣曞湴鏂癸紝浠諱綍緗戠粶璁懼涓娿?

寮濮嬫濊?/strong>

棣栧厛瑕佸涔犱粈涔堟槸"緇撴瀯"錛屼竴浜涗綔瀹朵篃縐頒箣涓?璇箟"銆傝繖涓湳璇殑鎰忔濇槸浣犻渶瑕佸垎鏋愪綘鐨勫唴瀹瑰潡錛屼互鍙婃瘡鍧楀唴瀹規湇鍔$殑鐩殑錛岀劧鍚庡啀鏍規嵁榪欎簺鍐呭鐩殑寤虹珛璧風浉搴旂殑HTML緇撴瀯銆?

濡傛灉浣犲潗涓嬫潵浠旂粏鍒嗘瀽鍜岃鍒掍綘鐨勯〉闈㈢粨鏋勶紝浣犲彲鑳藉緱鍒扮被浼艱繖鏍風殑鍑犲潡錛?

鏍囧織鍜岀珯鐐瑰悕縐?

涓婚〉闈㈠唴瀹?

绔欑偣瀵艱埅(涓昏彍鍗?

瀛愯彍鍗?

鎼滅儲妗?

鍔熻兘鍖?渚嬪璐墿杞︺佹敹閾跺彴)

欏佃剼(鐗堟潈鍜屾湁鍏蟲硶寰嬪0鏄?

鎴戜滑閫氬父閲囩敤DIV鍏冪礌鏉ュ皢榪欎簺緇撴瀯瀹氫箟鍑烘潵錛岀被浼艱繖鏍鳳細

錛渄iv id="header"錛烇紲/div錛?

錛渄iv id="content"錛烇紲/div錛?

錛渄iv id="globalnav"錛烇紲/div錛?

錛渄iv id="subnav"錛烇紲/div錛?

錛渄iv id="search"錛烇紲/div錛?

錛渄iv id="shop"錛烇紲/div錛?

錛渄iv id="footer"錛烇紲/div錛?

榪欎笉鏄竷灞錛屾槸緇撴瀯銆傝繖鏄竴涓鍐呭鍧楃殑璇箟璇存槑銆傚綋浣犵悊瑙d簡浣犵殑緇撴瀯錛屽氨鍙互鍔犲搴旂殑ID鍦―IV涓娿侱IV瀹瑰櫒涓彲浠ュ寘鍚換浣曞唴瀹瑰潡錛屼篃鍙互宓屽鍙︿竴涓狣IV銆傚唴瀹瑰潡鍙互鍖呭惈浠繪剰鐨凥TML鍏冪礌---鏍囬銆佹钀姐佸浘鐗囥佽〃鏍箋佸垪琛ㄧ瓑絳夈?

鏍規嵁涓婇潰璁茶堪鐨勶紝浣犲凡緇忕煡閬撳浣曠粨鏋勫寲HTML錛岀幇鍦ㄤ綘鍙互榪涜甯冨眬鍜屾牱寮忓畾涔変簡銆傛瘡涓涓唴瀹瑰潡閮藉彲浠ユ斁鍦ㄩ〉闈笂浠諱綍鍦版柟錛屽啀鎸囧畾榪欎釜鍧楃殑棰滆壊銆佸瓧浣撱佽竟妗嗐佽儗鏅互鍙婂榻愬睘鎬х瓑絳夈?

浣跨敤閫夋嫨鍣ㄦ槸浠剁編濡欑殑浜?/strong>

id鐨勫悕縐版槸鎺у埗鏌愪竴鍐呭鍧楃殑鎵嬫,閫氳繃緇欒繖涓唴瀹瑰潡濂椾笂DIV騫跺姞涓婂敮涓鐨刬d,浣犲氨鍙互鐢–SS閫夋嫨鍣ㄦ潵綺劇‘瀹氫箟姣忎竴涓〉闈㈠厓绱犵殑澶栬琛ㄧ幇,鍖呮嫭鏍?棰樸佸垪琛ㄣ佸浘鐗囥侀摼鎺ユ垨鑰呮钀界瓑絳夈備緥濡備綘涓?header鍐欎竴涓狢SS瑙勫垯錛屽氨鍙互瀹屽叏涓嶅悓浜?content閲岀殑鍥劇墖瑙勫垯銆?

鍙﹀涓涓緥瀛愭槸錛氫綘鍙互閫氳繃涓嶅悓瑙勫垯鏉ュ畾涔変笉鍚屽唴瀹瑰潡閲岀殑閾炬帴鏍峰紡銆傜被浼艱繖鏍鳳細#globalnav a:link鎴栬?#subnav a:link鎴栬?content a:link銆備綘涔熷彲浠ュ畾涔変笉鍚屽唴瀹瑰潡涓浉鍚屽厓绱犵殑鏍峰紡涓嶄竴鏍楓備緥濡傦紝閫氳繃#content p鍜?footer p鍒嗗埆瀹氫箟#content鍜?footer涓璸鐨勬牱寮忋備粠緇撴瀯涓婅錛屼綘鐨勯〉闈㈡槸鐢卞浘鐗囥侀摼鎺ャ佸垪琛ㄣ佹钀界瓑緇勬垚鐨勶紝榪欎簺鍏冪礌鏈韓騫朵笉浼氬鏄劇ず鍦ㄤ粈涔堢綉緇?璁懼涓?PDA榪樻槸鎵嬫満鎴栬呯綉緇滅數瑙?鏈夊獎鍝嶏紝瀹冧滑鍙互琚畾涔変負浠諱綍鐨勮〃鐜板瑙傘?

涓涓粩緇嗙粨鏋勫寲鐨凥TML欏甸潰闈炲父綆鍗曪紝姣忎竴涓厓绱犻兘琚敤浜庣粨鏋勭洰鐨勩傚綋浣犳兂緙╄繘涓涓钀斤紝涓嶉渶瑕佷嬌鐢╞lockquote鏍囩錛屽彧瑕佷嬌鐢╬鏍囩錛屽茍瀵筽 鍔犱竴涓狢SS鐨刴argin瑙勫垯灝卞彲浠ュ疄鐜扮緝榪涚洰鐨勩俻鏄粨鏋勫寲鏍囩錛宮argin鏄〃鐜板睘鎬э紝鍓嶈呭睘浜嶩TML錛屽悗鑰呭睘浜嶤SS銆?榪欏氨鏄粨鏋勪簬琛ㄧ幇鐨?鐩稿垎紱?)

鑹ソ緇撴瀯鐨凥TML欏甸潰鍐呭嚑涔庢病鏈夎〃鐜板睘鎬х殑鏍囩銆備唬鐮侀潪甯稿共鍑綆媧併備緥濡傦紝鍘熷厛鐨勪唬鐮侊紲table width="80%" cellpadding="3" border="2" align="left"錛烇紝鐜板湪鍙互鍙湪HTML涓啓錛渢able錛烇紝鎵鏈夋帶鍒惰〃鐜扮殑涓滆タ閮藉啓鍒癈SS涓幓錛屽湪緇撴瀯鍖栫殑HTML涓紝 table灝辨槸琛ㄦ牸錛岃屼笉鏄叾浠栦粈涔?姣斿琚敤鏉ュ竷灞鍜屽畾浣?銆?

浜茶嚜瀹炶返涓涓嬬粨鏋勫寲

涓婇潰璇寸殑鍙槸鏈鍩烘湰鐨勭粨鏋勶紝瀹為檯搴旂敤涓紝浣犲彲浠ユ牴鎹渶瑕佹潵璋冩暣鍐呭鍧椼傚父甯鎬細鍑虹幇DIV宓屽鐨勬儏鍐碉紝浣犱細鐪嬪埌"container"灞備腑鍙堟湁鍏跺畠灞傦紝緇撴瀯綾諱技榪欐牱錛?

錛渄iv id="navcontainer"錛?

錛渄iv id="globalnav"錛?

錛渦l錛瀉 list錛?ul錛?

錛?div錛?

錛渄iv id="subnav"錛?

錛渦l錛瀉nother list錛?ul錛?

錛?div錛?

錛?div錛?

宓屽鐨刣iv鍏冪礌鍏佽浣犲畾涔夋洿澶氱殑CSS瑙勫垯鏉ユ帶鍒惰〃鐜幫紝渚嬪錛氫綘鍙互緇?navcontainer涓涓鍒欒鍒楄〃灞呭彸錛屽啀緇?globalnav涓涓鍒欒鍒楄〃灞呭乏錛岃岀粰#subnav鐨刲ist鍙︿竴涓畬鍏ㄤ笉鍚岀殑琛ㄧ幇銆?

鐢–SS鏇挎崲浼犵粺鏂規硶

涓嬮潰鐨勫垪琛ㄥ皢甯姪浣犵敤CSS鏇挎崲浼犵粺鏂規硶錛?

HTML灞炴т互鍙婄浉瀵瑰簲鐨凜SS鏂規硶

HTML灞炴?

CSS鏂規硶璇存槑

align="left"

align="right" float: left;

float: right; 浣跨敤CSS鍙互嫻姩 浠諱綍鍏冪礌:鍥劇墖銆佹钀姐乨iv銆佹爣棰樸佽〃鏍箋佸垪琛ㄧ瓑絳?

褰撲綘浣跨敤float灞炴э紝蹇呴』緇欒繖涓誕鍔ㄥ厓绱犲畾涔変竴涓搴︺?

marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin: 0; 浣跨敤CSS, margin鍙互璁劇疆鍦ㄤ換浣曞厓绱犱笂, 涓嶄粎浠呮槸body鍏冪礌.鏇撮噸瑕佺殑錛屼綘鍙互鍒嗗埆鎸囧畾鍏冪礌鐨則op, right, bottom鍜宭eft鐨刴argin鍊箋?

vlink="#333399" alink="#000000" link="#3333FF" a:link #3ff;

a:visited: #339;

a:hover: #999;

a:active: #00f;

鍦℉TML涓紝閾炬帴鐨勯鑹蹭綔涓篵ody鐨勪竴涓睘鎬у煎畾涔夈傛暣涓〉闈㈢殑閾炬帴椋庢牸閮戒竴鏍楓備嬌鐢–SS鐨勯夋嫨鍣紝欏甸潰涓嶅悓閮ㄥ垎鐨勯摼鎺ユ牱寮忓彲浠ヤ笉涓鏍楓?

bgcolor="#FFFFFF" background-color: #fff; 鍦–SS涓紝浠諱綍鍏冪礌閮藉彲浠ュ畾涔夎儗鏅鑹詫紝涓嶄粎浠呭眬闄愪簬body鍜宼able鍏冪礌銆?

bordercolor="#FFFFFF" border-color: #fff; 浠諱綍鍏冪礌閮藉彲浠ヨ緗竟妗?boeder)錛屼綘鍙互鍒嗗埆瀹氫箟top, right, bottom鍜宭eft

border="3"cellspacing="3" border-width: 3px; 鐢–SS錛屼綘鍙互瀹氫箟table鐨勮竟妗嗕負緇熶竴鏍峰紡錛屼篃鍙互鍒嗗埆瀹氫箟top, right, bottom and left杈規鐨勯鑹層佸昂瀵稿拰鏍峰紡銆?

浣犲彲浠ヤ嬌鐢?table, td or th 榪欎簺閫夋嫨鍣?

濡傛灉浣犻渶瑕佽緗棤杈規鏁堟灉錛屽彲浠ヤ嬌鐢–SS瀹氫箟錛?border-collapse: collapse;

錛渂r clear="left"錛?

錛渂r clear="right"錛?

錛渂r clear="all"錛?

clear: left;

clear: right;

clear: both;

璁稿2鍒楁垨鑰?鍒楀竷灞閮戒嬌鐢?float灞炴ф潵瀹氫綅銆傚鏋滀綘鍦ㄦ誕鍔ㄥ眰涓畾涔変簡鑳屾櫙棰滆壊鎴栬呰儗鏅浘鐗囷紝浣犲彲浠ヤ嬌鐢╟lear灞炴?

cellpadding="3"

vspace="3"

hspace="3" padding: 3px; 鐢–SS錛屼換浣曞厓绱犻兘鍙互璁懼畾padding灞炴э紝鍚屾牱錛宲adding鍙互鍒嗗埆璁劇疆top, right, bottom and left銆俻adding鏄忔槑鐨勩?

align="center" text-align: center;

margin-right: auto; margin-left: auto;

Text-align 鍙傜敤浜庢枃鏈?

璞iv錛宲榪欐牱鐨勫潡綰у彲浠ラ氳繃margin-right: auto; 鍜宮argin-left: auto;鏉ユ按騫沖眳涓?

涓浜涗護浜洪仐鎲劇殑鎶宸у拰宸ヤ綔鐜

鐢變簬嫻忚鍣ㄥCSS鏀寔鐨勪笉瀹屽杽錛屾垜浠湁鏃跺欎笉寰椾笉閲囧彇涓浜涙妧宸?hacks)鎴栧緩绔嬩竴縐嶇幆澧?Workarounds)鏉ヨCSS瀹炵幇浼犵粺鏂規硶鍚屾牱鐨勬晥 鏋溿備緥濡傚潡綰у厓绱犳湁鏃朵警闇瑕佷嬌鐢ㄦ按騫沖眳涓殑鎶宸э紝鐩掓ā鍨媌ug鐨勬妧宸х瓑絳夈傛墍鏈夎繖浜涙妧宸ч兘鍦∕olly Holzschlag鐨勬枃绔犮奍ntegrated Web Design: Strategies for Long-Term CSS Hack Management銆嬩腑鏈夎緇嗚鏄?/p>

nbt 2006-06-15 17:54 鍙戣〃璇勮
]]>
主站蜘蛛池模板: 黄床大片30分钟免费看| 亚洲成年人电影网站| 在线观看亚洲网站| 夫妻免费无码V看片| 伊人久久五月丁香综合中文亚洲 | 无码人妻一区二区三区免费看 | 玖玖在线免费视频| 亚洲乱码国产一区三区| 91在线视频免费观看| 亚洲成人在线电影| 最近中文字幕免费2019| 亚洲六月丁香婷婷综合| 曰皮全部过程视频免费国产30分钟| 亚洲AV无码一区二区三区鸳鸯影院 | 亚洲日韩国产AV无码无码精品| 一二三四免费观看在线视频中文版 | 亚洲另类无码一区二区三区| 全部免费国产潢色一级| A级毛片成人网站免费看| 无码乱人伦一区二区亚洲一 | 波多野结衣免费视频观看| 一级毛片**免费看试看20分钟| 亚洲AV无码一区二区乱子伦 | 亚洲日韩AV一区二区三区中文| 四虎影视精品永久免费| 你好老叔电影观看免费| 亚洲三级在线免费观看| 又黄又爽无遮挡免费视频| 日韩免费电影网址| 亚洲日本在线电影| 亚洲级αV无码毛片久久精品| 成视频年人黄网站免费视频| 深夜A级毛片视频免费| 久久亚洲AV午夜福利精品一区| 成人免费一级毛片在线播放视频| 特黄特色大片免费| 亚洲精品91在线| 亚洲片国产一区一级在线观看 | 亚洲免费无码在线| 亚洲一级在线观看| 337p日本欧洲亚洲大胆裸体艺术|