網(wǎng)頁CSS樣式設計
任務準備
.什么是css
csss是Cascading Style Sheets(層疊樣式表單)的簡稱。一般稱為樣式表,它是用于控制網(wǎng)頁樣式的一種標記語言。
CSs是1996年由W3C審核通過并推薦使用的。它以HTML語言為基礎,提供了豐富的格式化功能,如字體、顏色、背景和整體排版等,網(wǎng)頁設計者可以針對各種可視化瀏覽器設置不同的樣式風格,包括顯示器、打印機、打字機、投影儀和PDA等。
使用樣式表將極大地提高工作效率,樣式表定義如何顯示HTML元素,通常保存在外部的.css文件中。通過編輯一個簡單的CSs文檔,使你有能川司時改變站點中所有頁面的布局和外觀。
如何編輯CSs
CSs文件與HTML文件一樣,
都是純文本文件,因此一般的文字處理軟件都可以對CSs進行編輯,如記事本、UltraEdit等。
Dreamweaver在代碼模式下對HTML、CSS、Javascript等代碼有著非常好的語法著色和語法提示功能。
在編寫具體CSS代碼時,按回車鍵或空格鍵都可以觸發(fā)語法提示。如果對代碼樣式不是很熟練,還可以使用Dreamweaver CSS面板來定義CSS樣式。
3.如何將CSs應用到文件上
將樣式與HTML結合共有四種方法,別是內(nèi)聯(lián)樣、內(nèi)部樣式表、外部樣式表和導入樣式。
內(nèi)聯(lián)樣式:在<body>內(nèi)部的元素中使用<style>定義CSS,如<h3>;
內(nèi)部樣式表:在文檔<head>中用<style type="text/css"></style>定義;
外部樣式表:使用<link>元素鏈接到外部的樣式表單。<link rel="stylesheet"href="style.css">;
使用CSS "@import"標記來導入樣式表單。
(1)內(nèi)聯(lián)樣式。內(nèi)聯(lián)樣式是所有樣式方法中最為直接的一種,它直接對HTML的標記使用style屬性,然后將CSS代碼直接寫在其中
<html>
<head><title>內(nèi)聯(lián)樣式</title></head>
<body>
<p style="color:#FF0000;font-size:12px">內(nèi)聯(lián)樣式舉例</p>
<p style="backgrouand:#0099FF">內(nèi)聯(lián)樣式舉例</p>
<img scr="img.jpg"border="2">
然而使用這種方法存在很大的限制,即所有的邊框都只能是黑色,而且風格十分單一,都是實線,只是在邊框粗細上能夠進行調(diào)整。如果希望更換邊框的顏色,僅依靠HTML都是無法實現(xiàn)的。
在CSS中可以通過邊框?qū)傩詾閳D片添加各式各樣的邊框。在CSS中,一個邊框由3個要素組成:border-style用來定義邊框的樣式,如虛線、實線或點線等;border-width用來定義邊框的粗細;用border-color定義邊框的顏色。
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)