第 7 章 使用 AP Div 元素
description
Transcript of 第 7 章 使用 AP Div 元素
-
7 AP Div7.1AP Div7.2 1 AP Div7.3 AP Div7.4 AP Div7.5 Div7.6 DIV+CSS
-
7.1AP Div7.1.1 AP Div7.1.2 AP Div7.1.3 AP Div7.1.4 AP7.1.5 AP Div
-
7.1.1 AP DivAP DivDIVHTMLAP DivAP DivDreamweaver CS4AP DivAP DivAP DivAP Div
DreamweaverAP DivCSSAP Div7
-
7.1.2 AP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP Div
-
CtrlAP Div
AP DivDIV AP Div7-1AP DivAP7-27-1 AP Div
-
7-2
-
7.1.3 AP Div AP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivShiftAP Div
-
AP DivAP DivAP Div7-3AP DivCSS-PAP DivAP DivAP Divpxpcpicaptinmmcm%7-3 AP Div
-
AP DivZAP DivAP DivdefaultAP DivAP DivinheritAP DivvisibleAP DivAP DivhiddenAP DivAP DivAP DivAP Div
-
CSSAP DivAP DivvisibleAP DivAP DivhiddenAP DivAP DivAP DivscrollAP DivAP DivAP DivautoAP DivAP DivAP DivAP DivAP DivAP DivAP Div
-
7.1.4 APAPAP DivDreamweaverAPF2AP7-4APAP DivAPAP DivAP DivAP7-4 AP
-
AP AP AP DivAP DivAP DivAP DivIDAP DivIDAPAPZAP DivZ
-
7.1.5 AP Div1AP DivAP DivAP DivAP Div1AP DivAP DivAP DivAP DivAP DivCtrl+AP DivCtrl+Shift+
-
AP Div2AP DivShiftAP DivAP DivCtrl+Shift+7Ctrl+Shift+ 9AP Div2AP DivAPAPAPAPZZAPAPAP7-5
-
7-5 AP APZ
-
1APAPAPAPAPZAP2APAPAPZAP3APAP DivAP DivAP DivAP DivAP DivAP DivAP
-
1APAPAPAP DivAP DivAPAPAP DivAP DivAPCtrlAPAP7-62APAPAPAPAP
-
1APAP2APAPCtrlAPAPAPapDiv1apDiv27-7
APAPAP7-6 AP 7-7apDiv1apDiv2
-
4APAPAPAPAPAP1APShiftAPAPAPAPAP
-
2AP
APAPAPAP
-
7.2 1 AP DivAP Div7-87-8 AP Div
-
AP DivAP Div1Dreamweaver CS4HTML7-1.html2AP DivAP DivAP DivAP Divimage,50px10px800px600px#CCFFCC32AP Divbottom610px800px50px#FF99664APAPAP
-
5APAPimageAP DivimageAP Divsmallbox200px60px6imageAP DivbgsmallboxsmallboxAPsmallboxbgsmallboxZ32AP7-97ShiftAP Div4AP Div7-10
-
8image9bottombottom18px7-9 AP 7-10 AP Div
-
10smallboxbgsmallbox36px#FFBB00#0000007-1111smallboxbgsmallbox12F12
AP DivAP 7-11 AP Div
-
7.3 AP Div
7.3.1 AP Div
7.3.2 AP Div
-
7.3.1 AP DivAP DivAP DivAP DivIE 3.0AP DivAP DivDreamweaver7-12AP DivAP Div
-
1AP DivAP Div7-13AP DivAP DivAP Div7-12 AP Div7-13 AP Div
-
AP DivGIFsGIFGIFAP DivAPAP
-
AP Div
AP DivAP DivAP Div
-
7.3.2 AP DivAP Div1AP DivAP Div7-14AP DivAP DivAP Div7-14 AP Div
-
AP DivAPAP DivAP Div
AP DivAP DivAP Div
-
7.4 AP Div AP DivAP DivAP DivHTMLblock-levelAP DivAP DivCSSAP DivcontentpropertyAP DivvalueAP Div7-1
-
7-1 AP Div
-
7-1 AP Div
-
7.5 Div
7.5.1 CSSDiv
7.5.2 Div
7.5.3 Div
-
7.5.1 CSSDivdivdivisionHTMLCSSCSSWebCSSdivHTML3.0CSSCSSWeb
-
7.5.2 DivDivDiv7-15Div7-15 Div
-
DivDivDivDivDivDivDivDivIDDivIDDiv
DivDiv
-
Div17-5.html2DivDivIDDiv13CSSCSSID#Div14#Div1CSSCSSDiv15Div1-1Div1-2Div1-1DivDiv1IDDiv1-1
-
Div1-2DivDiv1-1IDDiv1-2Div17-167-16 Div
-
7.5.3 DivDivCSS1DivFloatCSSFloatleftrightnone3Div1CSS#Div1#Div1#Div1CSSWidth300pxHeight240pxFloatnone7-17
-
7-17 #Div1CSS
-
2Div1-1CSSCSS7-183#Div1-1CSS4Div1-2#Div1-25CSS#Div1-1#Div1-1CSSWidth100pxHeight100pxFloat6Div1-2Width100pxHeight100pxFloat7-197Div1-1Div1-2Floatleft7-208Div1-2Floatright7-21
-
7-18 CSS
-
7-19 7-20 left 7-21 rightDiv1CSS#Div1-1#Div1-1CSSMarginTop50pxLeft50pxRihgtBottomauto7-22
-
2#Div1-1CSSPadding12px7-23#Div1-1CSS7-247-22 Margin 7-23 Padding
-
7-24 Div1-1
-
3#Div1-1CSSStyledashed Width10px Color#0FF7-254)7-26
CSScontentborderpaddingmargin4content + border + padding + margin 7-25 Div1-1 7-26
-
7.6 DIV+CSS1DivCSSDivCSS211DivDiv
/*logo.jpg*/ /*banner.jpg*/
-
/**/ /*lmdh.jpg*/ /* */ /*gsjj.jpg*/ /* */ /*footer.jpg*/
7-27
-
7-27
-
1)imagesfirm.cssindex.htmlCSSCSS2)logo DivDivDivIDlogoCSSCSSID#logofirm.cssCSSWidth780pxHeight67pxFloat1010Div
-
logoIDbannerWidth780pxHeight160pxFloatbannerIDnavWidth780pxHeight42pxFloatnavIDmainWidth780pxHeight420pxFloatmainIDleftWidth400pxHeight220pxFloatleftleftIDrightWidth550pxHeight400pxFloatrightleftIDleft-titleWidth220pxHeight35pxFloatleft-titleIDleft-conWidth220pxHeightautoFloatrightIDright-titleWidth550pxHeight35pxFloat
-
right-titleIDright-conWidthautoHeightautoFloatmainIDfooterWidth780pxHeight51pxFloat3CSS#logoCSSBackground-imagelogo_bj.jpg, Background-repeatrepeat-xDiv#navBackground-imagenav_bj.jpg, Background-repeatrepeat-x#leftBackground-color#EFEFEF
-
#footerBackground-imagefooter_bj.jpg, Background-repeatrepeat-x4Divlogo Divlogo.jpgDivDiv5CSSCSSCSS#left-con ulfirm.cssCSSList-style-typenoneList-style-imagelist_icon.gif
-
6CSSCSSCSS#nav ulfirm.cssCSSList-style-typenone7CSSCSSCSS#nav ul lifirm.cssCSSFloatleftpadding-left20pxpadding-right20px
-
8CSS#nav ul liCSSBackground-imagenav_icon.jpg, Background-Repeatno-repeatBackground-position (X) left Background-position (Y) centerCSS58CSS9CSSCSSCSSCSSt1firm.cssCSSFont-size14pxLine-height22pxColor#3F6081Font-weightbold.t2Font-size12pxLine-height22pxColor#333Font-weightnormal
-
10CSS#right-conHTML.t1CSS.t11958HTML.t2CSS.t211CSSCSSCSSCSSa:linkfirm.cssCSSColor#666Text-decorationnonea:visitedText-decorationnone a:hoverColor#F60Text-decorationnone
-
12index.html12px13/#footertext-align centerline-height30pxvertical-align middle#right-conpadding10px14CSSCSSCSSbodyfirm.cssCSSBackground-imagebj.gifBackground-repeatrepeat-x1511DivCSS #bj {width: 780px;background-color: #FFF;margin-right: auto;margin-left: auto;}