資源描述：
《html結(jié)構(gòu)與css樣式》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、一、認(rèn)識(shí)網(wǎng)頁(yè)結(jié)構(gòu)-------兄弟關(guān)系（并列結(jié)構(gòu)）----父子關(guān)系（嵌套結(jié)構(gòu)）bug八阿哥13521144697908159007（qq）1、切片工具c按住ctrl切換切片選擇工具A）、對(duì)網(wǎng)頁(yè)的結(jié)構(gòu)進(jìn)行劃分a)、根據(jù)內(nèi)容區(qū)域的功能----頭部--banner--內(nèi)容--底部b）、一像素原則--對(duì)網(wǎng)頁(yè)結(jié)構(gòu)進(jìn)行劃分的時(shí)候必須精確到一個(gè)像素c）、逐級(jí)劃分---先整體--后局部--到細(xì)節(jié)先上下---再左右---從外到里B）、圖像的局部獲取需要的圖片用切片切出來(lái)，ctrl+shift+alt+s（存儲(chǔ)為web所用格
2、式）---jpg文件名：英文；格式：僅限圖像；切片：選中的切片二、html=超文本標(biāo)記語(yǔ)言---構(gòu)成網(wǎng)頁(yè)就有一些語(yǔ)義的單詞<標(biāo)記>雙標(biāo)記三要素：結(jié)構(gòu)、樣式、行為三、文件的保存1）、在你的存盤(pán)（d、e）新建一個(gè)文件夾--網(wǎng)頁(yè)的站點(diǎn)2）、在DW-新建html文件---title內(nèi)容修改成網(wǎng)頁(yè)的名稱(chēng)3）、把html文件保存到文件夾中（注）:網(wǎng)站首頁(yè)的名稱(chēng)--必須為index.html四、標(biāo)記--html--標(biāo)簽--元素1、html整個(gè)網(wǎng)頁(yè)文件2、head網(wǎng)頁(yè)頭部----除主體內(nèi)容之外的信息3、titl
3、e網(wǎng)頁(yè)的主題4、meta聲明一些標(biāo)準(zhǔn)--編碼標(biāo)準(zhǔn)---utf-8國(guó)際通用編碼標(biāo)準(zhǔn)5、body網(wǎng)頁(yè)的主體內(nèi)容---psd效果里面內(nèi)容都要寫(xiě)在body內(nèi)部6、div用來(lái)做網(wǎng)頁(yè)框架----盒子A）、默認(rèn)的寬度--默認(rèn)的寬度為100%；窗口有多大，盒子寬度就有多寬B）、高度為自適應(yīng)---里面內(nèi)容有多高，盒子就有多高~~C）、獨(dú)立成行---垂直顯示7、img圖片標(biāo)記單標(biāo)記8、h1-h6標(biāo)題標(biāo)記一組標(biāo)記從最大到最小標(biāo)題A）、獨(dú)立成行--垂直顯示B）、默認(rèn)寬度為100%，默認(rèn)高度也
4、為自適應(yīng)C）、標(biāo)題標(biāo)記自帶間距D）、標(biāo)題文字---自帶加大加粗9、p段落標(biāo)記--用于排版大篇文字A）、自帶間距B）、獨(dú)立成行--寬度為100%，高度為自適應(yīng)10、ul-li作為父子關(guān)系列表標(biāo)記
A）、寬度為100%，高度為自適應(yīng)，獨(dú)立成行B）、自帶間距--自帶填充11、特殊符號(hào)©shift+7=&12、a超鏈接標(biāo)記
文字加了a標(biāo)記之后，默認(rèn)字體顏色為藍(lán)色，會(huì)有下劃線圖片加了a標(biāo)記之后，ie7、8、9、10，圖片會(huì)出現(xiàn)一個(gè)bo5、rder在css添加img{border:none;}塊級(jí)標(biāo)記有默認(rèn)的寬度，默認(rèn)的寬度為100%，獨(dú)立成行--垂直顯示Div,h1~h6,p,ul,li,form行級(jí)標(biāo)記水平顯示，沒(méi)有默認(rèn)的寬度（css定義是無(wú)效）Img,a，span,input,label,select,textarea導(dǎo)航的結(jié)構(gòu)ul-li-a導(dǎo)航的樣式：（1）等寬度，li{float:left;width:；}字體樣式定義a里面（2）等間距l(xiāng)i{float:left;margin或者padding}；字體樣式定義在a里面13、span
6、萬(wàn)能標(biāo)記文件的路徑：==文件保存的位置1、絕對(duì)路徑網(wǎng)址--2、相對(duì)路徑相對(duì)一個(gè)文件夾，../回到上一級(jí)后退一步14、a標(biāo)記href=””target設(shè)置是否新窗口的方式打開(kāi)a)文件b)網(wǎng)址c)Mailto:908159007@qq.comd)點(diǎn)擊qq咨詢tencent://message/?uin=908159007&Site=Target=”_blank”新窗口方式打開(kāi)錨點(diǎn)鏈接---本頁(yè)面內(nèi)鏈接要找到位置點(diǎn)擊的ahref=”#名稱(chēng)”15、form表單16、Input7、puttype=”類(lèi)型”value=”初始值”maxlength=”數(shù)字”>maxlength最多字符數(shù)類(lèi)型：1）、text輸入框2）、password密碼3）、按鈕A）、buttonB）、submit提交C）、reset重置4）、radio單選框做單選必須要有相同的name屬性5）、checkbox復(fù)選框17、select選擇菜單
