![1.Web標準CSSDIV網頁布局與美化ppt課件_第1頁](http://file3.renrendoc.com/fileroot_temp3/2022-1/18/48a9e5cb-692b-4f7c-8086-7f7c87312f4d/48a9e5cb-692b-4f7c-8086-7f7c87312f4d1.gif)
![1.Web標準CSSDIV網頁布局與美化ppt課件_第2頁](http://file3.renrendoc.com/fileroot_temp3/2022-1/18/48a9e5cb-692b-4f7c-8086-7f7c87312f4d/48a9e5cb-692b-4f7c-8086-7f7c87312f4d2.gif)
![1.Web標準CSSDIV網頁布局與美化ppt課件_第3頁](http://file3.renrendoc.com/fileroot_temp3/2022-1/18/48a9e5cb-692b-4f7c-8086-7f7c87312f4d/48a9e5cb-692b-4f7c-8086-7f7c87312f4d3.gif)
![1.Web標準CSSDIV網頁布局與美化ppt課件_第4頁](http://file3.renrendoc.com/fileroot_temp3/2022-1/18/48a9e5cb-692b-4f7c-8086-7f7c87312f4d/48a9e5cb-692b-4f7c-8086-7f7c87312f4d4.gif)
![1.Web標準CSSDIV網頁布局與美化ppt課件_第5頁](http://file3.renrendoc.com/fileroot_temp3/2022-1/18/48a9e5cb-692b-4f7c-8086-7f7c87312f4d/48a9e5cb-692b-4f7c-8086-7f7c87312f4d5.gif)
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、打開所有頁面逐一進行修改打開所有頁面逐一進行修改修改外部樣式表文件修改外部樣式表文件(.CSS)問題問題 數(shù)據的組織與顯示;數(shù)據的組織與顯示; 會產生更多的冗余代碼;會產生更多的冗余代碼; 表格嵌套使瀏覽器解析緩慢;表格嵌套使瀏覽器解析緩慢; 網頁表現(xiàn)層與結構層混在一起,代碼維護、更新麻煩。網頁表現(xiàn)層與結構層混在一起,代碼維護、更新麻煩。 大大縮減頁面代碼,提高瀏覽速度;大大縮減頁面代碼,提高瀏覽速度; 縮短改版時間;縮短改版時間; 容易被搜索引擎搜索到;容易被搜索引擎搜索到; 樣式定義方便;樣式定義方便; 表現(xiàn)和內容分離表現(xiàn)和內容分離 遵循遵循Web標準化設計。標準化設計。 采用遵循采用遵循
2、WebWeb標準的編輯工具;標準的編輯工具; 所有所有HTMLHTML文檔都必須聲明它們所使用的編碼語言;文檔都必須聲明它們所使用的編碼語言; 用小寫字母書寫所有的標簽;用小寫字母書寫所有的標簽; 為圖片添加為圖片添加altalt屬性;屬性; 給所有屬性值加引號;給所有屬性值加引號; 關閉所有的標簽。關閉所有的標簽。 用用idid屬性代替屬性代替namename屬性。屬性。 CSS的定義是由三個部分構成: 選擇符(selector),屬性(properties)和屬性的取值(value)。 ccs語法: selector property: value (選擇符 屬性:值) 例子:body c
3、olor: black,此例的效果是使頁面中的文字為黑色。 CSS常用屬性1、Height:設置DIV的高度。2、Width:設置DIV的寬度.3、margin:用于設置DIV的外延邊距,也就是到父容器的距離。 闡明:margin:后面跟有四個距離分別為到父容器的上-右-下-左邊的距離;可以看例子中的白色DIV到黑色DIV的邊距離效果。還可以分別設置這四個邊的距離,用到的屬性如下:4、margin-left:到父容器左邊框的距離。5、margin-right:到父容器右邊框的距離。6、margin-top: 到父容器上邊框的距離。7、margin-bottom:到父容器下邊框的距離
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- Unit 3 Where did you go(說課稿)-2023-2024學年人教PEP版英語六年級下冊
- Unit 6 Review Period 4 (說課稿)-2024-2025學年北師大版(三起)英語三年級上冊
- 《1、了解學習好習慣》(說課稿)-2024-2025學年二年級上冊綜合實踐活動魯科版
- 《10 交通安全小常識》(說課稿)-2023-2024學年四年級上冊綜合實踐活動長春版
- 23《梅蘭芳蓄須》說課稿2024-2025學年統(tǒng)編版語文四年級上冊
- 14《我要的是葫蘆》第一課時 說課稿-2024-2025學年語文二年級上冊統(tǒng)編版
- Unit5 The colourful world第三課時(說課稿)-2024-2025學年人教PEP版(2024)英語三年級上冊
- 2024-2025學年高中歷史 第四單元 工業(yè)文明沖擊下的改革 第12課 俄國農奴制改革(2)教學說課稿 岳麓版選修1
- 2025合同約定的“滯納金”是否可以視為違約金
- 2025建安施工合同文本
- 《自主神經系統(tǒng)》課件
- 2025集團公司內部借款合同范本
- 2025年山西地質集團社會招聘高頻重點提升(共500題)附帶答案詳解
- 四川省綿陽市2025屆高三第二次診斷性考試思想政治試題(含答案)
- 2024-2025學年遼寧省沈陽市沈河區(qū)七年級(上)期末英語試卷(含答案)
- 2024-2025學年初中七年級上學期數(shù)學期末綜合卷(人教版)含答案
- T型引流管常見并發(fā)癥的預防及處理
- 2024-2025學年人教新版九年級(上)化學寒假作業(yè)(九)
- 2024年計算機二級WPS考試題庫(共380題含答案)
- 2022年全國醫(yī)學博士英語統(tǒng)一考試試題
- 《工業(yè)自動化技術》課件
評論
0/150
提交評論