html教案-全文預(yù)覽
【正文】 例：頁面底部效果通過制作常見頁面底部效果 講解利用列表標(biāo)簽＋padding + 后代選擇器快速布局系統(tǒng)的講解選擇器相關(guān)的知識：文字的一些屬性：Color：文本的顏色textalign:center/left/right。ol li1/li li2/li li3/li li4/li /olul （unorderList）：標(biāo)簽定義無序列表。 marginright:auto。height:300px。例二：margin:10px 5px 15px(margin:10px auto 12px auto)——上外邊距是 10px；右外邊距和左外邊距是 5px；下外邊距是 15px例三：margin:10px 5px(margin:auto auto)——上外邊距和下外邊距是 10px；右外邊距和左外邊距是 5px；例四：margin:10px（margin:auto）——所有 4 個外邊距都是 10pxMarginleft：{marginleft: 2cm。Stylesheet（樣式表）Style（風(fēng)格） 選擇器及div命名類等認(rèn)識選擇器 標(biāo)簽選擇器(div) id選擇器(id) 類名選擇器(.class)Div命名：id=”11”練習(xí)用div在頁面中做塊以及塊和塊的嵌套難點(diǎn)：復(fù)合選擇器 選擇器的優(yōu)先級 盒模型簡單介紹盒子的一些基本屬性高度height 寬度width 邊框border 背景顏色backgroundcolor浮動：floatfloat 屬性定義元素在哪個方向浮動。例（不引用中文字符編碼——中文亂碼）：，發(fā)現(xiàn)文字是亂碼亂碼原因：txt文件本身有一種“ansi”編碼解決方式：輸入meta charset=utf8參考頁面： 介紹組成頁面的基礎(chǔ)標(biāo)簽 常見標(biāo)簽有：段落：p/p文字 h1 h1 鏈接 a 圖片 img(相對路徑、絕對路徑)相對路徑：相對于自身的位置，反推路徑、img src=images// 當(dāng)前目錄 img src=.
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號-1