




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、CSS網(wǎng)頁設(shè)計標(biāo)準(zhǔn)教程,第1部分,CSS核心原則,第3章,CSS設(shè)計實踐,前一章介紹了CSS的基本思想和基本用法。在繼續(xù)深入解釋各種CSS屬性之前,我們應(yīng)該在這一章做一些實際的操作,用CSS實際寫一個比較完整的網(wǎng)頁,為進(jìn)一步學(xué)習(xí)HTML和CSS打下基礎(chǔ)。本章將介紹如何使用手動代碼和Dreamweaver軟件可視化分別完成同一個頁面。3.1手動編寫頁面,圖3.1體驗CSS,以及3.1.1構(gòu)建頁面框架??紤]到簡單的詞語很少,所以增加了一張圖片作為簡單的說明。圖片的位置與文本的位置相同,并且使用了超文本標(biāo)記語言的標(biāo)簽。此時,一些修改后的代碼如下,源文件顯示在實例文件“03-02.html”中。部分代
2、碼忽略了互聯(lián)網(wǎng)發(fā)展的起源。1969年,為了確保通信,阿帕網(wǎng)贊助建立了阿帕網(wǎng),這是世界上第一個分組交換實驗網(wǎng)絡(luò),連接了美國的四所大學(xué)。ARPANET的建立和不斷發(fā)展標(biāo)志著計算機網(wǎng)絡(luò)發(fā)展的新時代。省略了部分代碼,圖3.3添加了圖片,3.1.2設(shè)置了標(biāo)題,并體驗了CSS h1,color:white/*文本顏色*/背景顏色: # 0000 FF;/*背景色*/text-align : center;/*中心*/padd :15 px;/*頁邊距*/省略,圖3.4修改標(biāo)題樣式,3.1.3控制圖片,img浮動:浮動;虛線邊框:1 px # 9999 CC;margin:5px,圖3.5圖文混排,3.1.
3、4圖文集,p font-size :12 px;text-indent :2 em;線高:1.5;padding:5px,圖3.6修改文本樣式,3.1.5設(shè)置整頁,正文邊距:0像素;背景色: # CCCCFF;圖3.7設(shè)置了頁面的整體效果,而3.1.6單獨設(shè)置了段落。上面設(shè)置的所有CSS樣式都使用標(biāo)簽選擇器。為了驗證其他選擇器的使用,這里為兩個文本段落設(shè)置了不同的效果。首先,這兩段的標(biāo)簽都設(shè)置了一個id屬性,代碼如下:1969年,為了保證通信,美國國防部高級研究計劃局(ARPA)出資建立了ARPANET,這是世界上第一個分組交換測試網(wǎng)絡(luò),連接了美國的四所大學(xué)。ARPANET的建立和不斷發(fā)展標(biāo)志著計算機網(wǎng)絡(luò)發(fā)展的新時代。從20世紀(jì)70年代末到80年代初,計算機網(wǎng)絡(luò)蓬勃發(fā)展,各種各樣的計算機網(wǎng)絡(luò)應(yīng)運而生,如微軟網(wǎng)絡(luò)、美國在線、BITNET、中國移動通信網(wǎng)等。隨著一系列網(wǎng)絡(luò)的建設(shè),不同網(wǎng)絡(luò)之間的互聯(lián)需求不斷增加,最終產(chǎn)生了TCP/IP協(xié)議。然后在CSS部分設(shè)置以下CSS規(guī)則。#p1邊框-右側(cè):3px紅色雙面;#p2邊框-右側(cè):3px橙色雙面;圖3.8不同地設(shè)置段落,3.2使用Dreamweaver設(shè)置CSS,3.2.1創(chuàng)建頁面,3.9在Dr
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 市場營銷述職報告
- 2025屆山東省棗莊市第四十一中學(xué)七上數(shù)學(xué)期末監(jiān)測模擬試題含解析
- 三門峽職業(yè)技術(shù)學(xué)院《DSP原理及應(yīng)用》2023-2024學(xué)年第一學(xué)期期末試卷
- 智能化車輛維修及保養(yǎng)協(xié)議
- 車輛質(zhì)押貸款合同續(xù)簽合同范本
- 出口合同履行中的國際貿(mào)易融資與信用擔(dān)保
- 壁掛爐及暖氣片安裝與綠色家居工程合同范本
- 特色主題餐廳合伙股份協(xié)議書
- 養(yǎng)老機構(gòu)醫(yī)養(yǎng)結(jié)合模式下的養(yǎng)老產(chǎn)業(yè)鏈上下游協(xié)同發(fā)展報告2025
- 代理公司注銷及工商變更合同
- QCC品管圈活動表格匯編
- 2023年貴州省社區(qū)工作者公開招聘考試《公共基礎(chǔ)知識》專項題庫【真題精選+章節(jié)題庫+模擬試題】
- 出租車大包車合同
- 銀行副行長個人簡歷表格
- 第四講 堅持以人民為中心PPT習(xí)概論2023優(yōu)化版教學(xué)課件
- 麻精藥品培訓(xùn)課件
- 醫(yī)院全員聘用制度和崗位聘任管理制度
- 粗紗機任務(wù)與工藝流程
- 探究食育課程對小班幼兒良好飲食習(xí)慣形成的作用 論文
- 湖北武漢洪山區(qū)招考聘用社區(qū)干事235人模擬檢測試卷【共1000題含答案解析】
- 12J4-2 《專用門窗》標(biāo)準(zhǔn)圖集
評論
0/150
提交評論