html教案-展示頁(yè)
2024-08-19 22:30本頁(yè)面
【正文】 t（樣式表）Style（風(fēng)格） 選擇器及div命名類等認(rèn)識(shí)選擇器 標(biāo)簽選擇器(div) id選擇器(id) 類名選擇器(.class)Div命名：id=”11”練習(xí)用div在頁(yè)面中做塊以及塊和塊的嵌套難點(diǎn)：復(fù)合選擇器 選擇器的優(yōu)先級(jí) 盒模型簡(jiǎn)單介紹盒子的一些基本屬性高度height 寬度width 邊框border 背景顏色backgroundcolor浮動(dòng)：floatfloat 屬性定義元素在哪個(gè)方向浮動(dòng)。 img src=G:\html1\/注意：這里是正斜杠 介紹組成頁(yè)面的塊標(biāo)簽 div 認(rèn)識(shí)DivDIV是一個(gè)盒子介紹引入外部文件link rel=stylesheet href=./css//Rel=relationship(的關(guān)系)href：Hypertext Reference的縮寫(xiě)。例（不引用中文字符編碼——中文亂碼）：，發(fā)現(xiàn)文字是亂碼亂碼原因：txt文件本身有一種“ansi”編碼解決方式：輸入meta charset=utf8參考頁(yè)面： 介紹組成頁(yè)面的基礎(chǔ)標(biāo)簽 常見(jiàn)標(biāo)簽有：段落：p/p文字 h1 h1 鏈接 a 圖片 img(相對(duì)路徑、絕對(duì)路徑)相對(duì)路徑：相對(duì)于自身的位置，反推路徑、img src=images// 當(dāng)前目錄 img src=./ images// 當(dāng)前目錄 img src=../html1// 上一層目錄 例舉：以個(gè)人自身為例，如果要給“我”指定路徑，用相對(duì)路徑怎么指，用絕對(duì)路徑怎么指。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁(yè)中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語(yǔ)言。CSS（層疊樣式表）：級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。1 第一階段簡(jiǎn)單介紹html和cssHTML(HyperText Markup Language)：被稱為文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號(hào)-1