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