網(wǎng)頁CSS樣式設(shè)計

2021-06-10    分類： 網(wǎng)站建設(shè)

網(wǎng)頁CSS樣式設(shè)計

任務(wù)準(zhǔn)備

.什么是css

csss是Cascading Style Sheets（層疊樣式表單）的簡稱。一般稱為樣式表，它是用于控制網(wǎng)頁樣式的一種標(biāo)記語言。

CSs是1996年由W3C審核通過并推薦使用的。它以HTML語言為基礎(chǔ)，提供了豐富的格式化功能，如字體、顏色、背景和整體排版等，網(wǎng)頁設(shè)計者可以針對各種可視化瀏覽器設(shè)置不同的樣式風(fēng)格，包括顯示器、打印機(jī)、打字機(jī)、投影儀和PDA等。

使用樣式表將極大地提高工作效率，樣式表定義如何顯示HTML元素，通常保存在外部的.css文件中。通過編輯一個簡單的CSs文檔，使你有能川司時改變站點(diǎn)中所有頁面的布局和外觀。

如何編輯CSs

CSs文件與HTML文件一樣，

都是純文本文件，因此一般的文字處理軟件都可以對CSs進(jìn)行編輯，如記事本、UltraEdit等。

Dreamweaver在代碼模式下對HTML、CSS、Javascript等代碼有著非常好的語法著色和語法提示功能。

在編寫具體CSS代碼時，按回車鍵或空格鍵都可以觸發(fā)語法提示。如果對代碼樣式不是很熟練，還可以使用Dreamweaver CSS面板來定義CSS樣式。

3.如何將CSs應(yīng)用到文件上

將樣式與HTML結(jié)合共有四種方法，別是內(nèi)聯(lián)樣、內(nèi)部樣式表、外部樣式表和導(dǎo)入樣式。

內(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"標(biāo)記來導(dǎo)入樣式表單。

(1)內(nèi)聯(lián)樣式。內(nèi)聯(lián)樣式是所有樣式方法中最為直接的一種，它直接對HTML的標(biāo)記使用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">

然而使用這種方法存在很大的限制，即所有的邊框都只能是黑色，而且風(fēng)格十分單一，都是實(shí)線，只是在邊框粗細(xì)上能夠進(jìn)行調(diào)整。如果希望更換邊框的顏色，僅依靠HTML都是無法實(shí)現(xiàn)的。

在CSS中可以通過邊框?qū)傩詾閳D片添加各式各樣的邊框。在CSS中，一個邊框由3個要素組成:border-style用來定義邊框的樣式，如虛線、實(shí)線或點(diǎn)線等;border-width用來定義邊框的粗細(xì);用border-color定義邊框的顏色。

新聞名稱：網(wǎng)頁CSS樣式設(shè)計
網(wǎng)站網(wǎng)址：http://www.muchs.cn/news38/117088.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、全網(wǎng)營銷推廣、定制網(wǎng)站、網(wǎng)站營銷、品牌網(wǎng)站設(shè)計、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計