版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、Web 網(wǎng)頁設(shè)計和制作劉偉鋒(天津市大學(xué)軟件學(xué)院,天津 300330)(Tianjin Institute of Software Engineering, Tianjin 300330) 摘 要 : CSS 全稱為“層疊樣式表 (Cascading Style Sheets)”,是一種為 HTML 網(wǎng)頁內(nèi)容設(shè)定統(tǒng)一規(guī)則的樣式表。本文主要介紹了 CSS 的基本概念,CSS 基本語法、樣式表類型及其應(yīng)用方法、CSS 選擇 器、標(biāo)簽元素的
2、分類、CSS 布局模型等知識。關(guān)鍵詞:CSS;概念;語法;樣式表;選擇器;標(biāo)簽類型;布局模型Abstract : CSS full name is” Cascading Style Sheets”, it is a kind of HTML page content set unified rules of the style sheets. This paper mainly introduces the basic concep
3、ts of CSS,CSS basic syntax, style sheet type and its application method, CSS selector, tag element classification, CSS layout mode and other knowledge. Key words CSS; Concepts; Syntax; Style Sheet Type; Selector; Tag T
4、ype; Layout mode1. 引言網(wǎng)站變得越來越普及,對其開發(fā)技術(shù)和工具的要求也越來越高。目前,成熟的網(wǎng)頁的 新標(biāo)準(zhǔn)是 W3C,模式是 HTML +CSS + JavaScript。即 HTML 是網(wǎng)頁的結(jié)構(gòu),CSS 是網(wǎng)頁的 樣式,JavaScript 是行為。就是蓋房子一樣,先要把結(jié)構(gòu)建出來,然后用 CSS 來裝飾, JavaScript 就像電影特效會讓整個設(shè)計變得更加生動。網(wǎng)站作為一種信息傳播的載體,除了 有 HTML
5、所搭建的合理的架構(gòu)以外,更多的需要 CSS 的點綴,以達(dá)到更廣泛的傳播信息的 作用。2. 初始 CSS2.1 概念CSS (Cascading Style Sheets,層疊樣式表)是對網(wǎng)頁元素外觀進(jìn)行精確控制的一組設(shè)置 規(guī)則,于 1996 年正式推出。CSS 是控制網(wǎng)頁布局樣式的基礎(chǔ),是能夠使網(wǎng)頁表現(xiàn)與內(nèi)容 分離的一種樣式設(shè)計語言。在網(wǎng)頁設(shè)計中,CSS 主要用于定義 HTML 內(nèi)容在瀏覽器內(nèi)的顯 示樣式,如 文字大小、顏色、字體加粗等
6、;可對網(wǎng)頁中元素位置的排版進(jìn)行像素級精確控 制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。CSS 不僅可 以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。2.2 優(yōu)勢CSS 作為一款目前最優(yōu)秀的表現(xiàn)設(shè)計語言,其優(yōu)勢主要有:可以支持眾多瀏覽器,實 現(xiàn)了在眾多平臺及瀏覽器下對樣式的表現(xiàn)最為接近;真實實現(xiàn)了表現(xiàn)與內(nèi)容分離;擁有樣 式設(shè)計的強大控制力;具有優(yōu)越的繼承性,最大限度的達(dá)到了代碼重用,從而降
7、低了維護(hù) 成本。4.2嵌入式將 css 樣式代碼寫在樣式代碼標(biāo)簽之間。 如下面代碼實現(xiàn)把標(biāo)簽中的文字設(shè)置為紅色:span{color: red;}4.3外部式(外聯(lián)式)把 CSS 代碼寫在一個單獨的外部文件中,此 css 樣式文件以“.css”為擴展名,在 內(nèi))(不是在標(biāo)簽內(nèi))使用標(biāo)簽將 CSS 樣式文件鏈接到 HTML 文件 內(nèi),如下面代碼:注意:a) css 樣式文件名稱以有意義的英文字母命名,如 main.css。b) rel=“
8、stylesheet“ type=“text/css“ 是固定寫法不可修改。c) 標(biāo)簽位置一般寫在標(biāo)簽之內(nèi)。4.4三種方法的優(yōu)先級:在相同“權(quán)值“下:內(nèi)聯(lián)式 > 嵌入式 > 外部式并且,嵌入式>外部式有一個前提:嵌入式 css 樣式的位置一定在外部式的后面。5. CSS 選擇器所有 HTML 語言都是通過不同的 CSS 選擇器進(jìn)行控制的,通過它告訴 CSS 要給什么 東西設(shè)置格式,用戶只需要通過選擇對不同的 HTML
溫馨提示
- 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. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 網(wǎng)頁制作小技巧
- 論文-網(wǎng)頁設(shè)計及制作
- web網(wǎng)頁制作——復(fù)習(xí)題
- web_網(wǎng)頁制作教程_1
- 網(wǎng)頁制作畢業(yè)設(shè)計論文
- 網(wǎng)站設(shè)計及網(wǎng)頁制作-論文
- 網(wǎng)頁制作畢業(yè)設(shè)計論文
- 網(wǎng)頁制作畢業(yè)設(shè)計論文
- 網(wǎng)頁制作畢業(yè)設(shè)計論文
- 網(wǎng)頁設(shè)計與制作畢業(yè)論文
- 網(wǎng)頁設(shè)計與制作畢業(yè)論文
- 畢業(yè)論文-網(wǎng)頁設(shè)計與制作
- 畢業(yè)論文-網(wǎng)頁設(shè)計與制作
- 畢業(yè)論文---網(wǎng)頁設(shè)計與制作
- 畢業(yè)論文---網(wǎng)頁設(shè)計與制作
- 網(wǎng)頁設(shè)計畢業(yè)論文--網(wǎng)頁設(shè)計制作與論壇的開發(fā)
- 網(wǎng)頁制作畢業(yè)論文
- 網(wǎng)頁制作畢業(yè)論文
- 畢業(yè)論文--個人網(wǎng)頁設(shè)計與制作
- 網(wǎng)頁的設(shè)計與制作畢業(yè)論文
評論
0/150
提交評論