導航:首頁 > 萬維百科 > css在網頁設計的功能應用

css在網頁設計的功能應用

發布時間:2021-03-20 11:58:32

1、網頁製作中CSS的作用是什麼?

CSS是Cascading Style Sheets(層疊樣式表單)的簡稱。簡單的說,它可以提供更多的網頁樣式,使網頁的元素更豐富,比如它可以方便的設置文字的大小、間距,圖片的陰影、位置等等,可以看看這個教程吧

http://www.hongen.com/pc/homepage/css/css0101.htm

2、在網頁中css有什麼作用

就是布局
像你裝修房子一樣
先劃分好幾個屋子,然後設計每個屋子樣式,再把傢具什麼的搬到屋子裡
運用到網頁上就是
劃分幾個分區,把你想放的圖片和文字放到相應的位置上

3、1.HTML語言和CSS樣式表在網頁設計中有很重要作用,它們各自解決的技術問

網頁現在的新標準是W3C。目前的模式是html+css+javascript,如何理解呢,就是html是網頁的結構,CSS是網頁的樣式,javascript是行為。結構就是蓋房子先要把結構建出來,然後用CSS來裝飾。其實你在用dreamweaver做網頁時就已經用到了CSS,比如你用DW的屬性面板來設置一個字的字體、顏色和大小,當你選好後,就會自動生成一個.style1的紅色代碼,在<style></style>之間不知道你注意過沒有,這就是CSS,這樣講的話你應該能理解html和CSS的區別了吧。CSS的名稱就叫「層疊樣式表」,從字面也就能理解了。

4、html,css,javascript在製作網頁中的作用是什麼?三者之間有何種聯系?

HTML、 CSS、 JavaScript三者的關系
網頁主要由三部分組成: 結構( Structure) 、 表現( Presentation) 和行為( Behavior)
HTML —— 結構, 決定網頁的結構和內容( 「是什麼」)
CSS —— 表現( 樣式) , 設定網頁的表現樣式( 「什麼樣子」)
JavaScript( JS) —— 行為, 控制網頁的行為( 「做什麼」)

一、 HTML語言
1.1什麼是HTML語言( HTML概述)
英文全稱: Hyper Text Markup Language
中文全稱: 超文本標記語言
HTML 語言是製作網頁的最基本語言, 並且只能通過web瀏覽器顯示出來。
Hyper( 超) :
用HTML製作的網頁可以通過其中的鏈接從一個網頁「跳轉」至另一個網頁。
Text( 文本) :
HTML是一種文本解釋性的程序語言, 即它的源代碼將不經過編譯而直接在瀏覽器中運行時被「翻譯」。
Markup( 標記) :
HTML的基本規則就是用「標記語言」 ---- 成對尖括弧組成的標簽元素來描述網頁內容是如何在瀏覽器中顯示的。
1.2 HTML文檔結構
HTML文檔一般由兩部分組成:
1. 文檔所要表達的內容信息( 文字、 圖片等) ;
2. 一系列的HTML標簽;
1.3 HTML標簽
1.3.1 什麼是HTML標簽
1. HTML標簽是用 <> 所括住的指令, 主要分為:
單標簽: <起始標簽/>
雙標簽: <起始標簽></結束標簽>
例如:
<br/>
<div></div>
2. 通常使用的是雙標簽。 有一個起始標簽就對應有一個結束標簽。 標簽內容寫在起始標簽和結束標簽之間。
<div>標簽內容</div>
3. 在元素的起始標簽中, 還可以包含「屬性」來設置元素的其他特性。 一個標簽可以有多個屬性,每個屬性之間用空格隔開。
<div 屬性名="屬性值"></div>
例如:
<div class="wrap" id="wrap"></div>
4. 每一對雙標簽之間可以嵌套, 但不能交叉。
正確示例:
<div>
<p></p>
</div>
錯誤示例:
<div>
<p>
</div>
</p>
1.4 編碼器
1.4.1 WebStorm源碼主體標簽含義
<!DOCTYPE> :
是一個聲明不是 HTML 標簽; 它是用來告訴 web 瀏覽器要使用哪個 HTML 版本來對頁面進行編寫。
<html>:
<html>是文檔標識符, 它是成對出現的, 首標簽<html>和尾標簽</html>分別位於 HTML 文檔的最前面和最後面, 明確地表示文檔是以超文本標識語
言( html)編寫的。 該標簽不帶有任何的屬性。
<head>:
<head>標簽用於定義文檔的頭部, 它是所有頭部元素的容器。 <head> 中的元素可以引用腳本、 指示瀏覽器在哪裡找到樣式表、 提供元信息等等。
<meta>:
<meta>標簽位於文檔的頭部, 用於定義文件信息, 對網頁文件進行說明。 其中name屬性主要用於描述網頁, 與之對應的屬性值為content, content中
的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<body>:
<body>標簽用於定義文檔的主體, 即在瀏覽器上看到的網頁內容。

5、CSS 的作用和應用?

由於愛好或者場合、需求的不同,你的衣服風格也許總是在變,但是你仍然是你。

css的作用么,應該就是美化?裝飾?使網頁給用戶以最好的體驗,總之就是表象的東西,可以根據你的需求而變化。
css的應用么,對於網頁設計非常重要,給你一個實例:
http://www.mezzoblue.com/zengarden/alldesigns/
這一個系列的設計作品全部都是同一內容,然而css的文件不同,導致你看到的所有網頁都是不一樣的感覺。
如果你喜歡,你可以自己設計一個或華麗或精煉的css文件給它穿上。如同服裝設計師一樣,設計css樣式也是非常有意思的。

6、CSS樣式在網頁製作中有什麼作用?

樣式表可以很方便的控制網頁表現,比如配色,布局等。
目前老式的採用表格形式的網頁製作方式已經被淘汰了,你看下現在網路上的各大網站,基本全部採用div+css的表現形式了。

7、在網頁中CSS有什麼作用

CSS網頁布局的意義體現在如下方面: 一、使頁面載入得更快 由於將大部分頁面代碼寫在了CSS當中,使得頁面體積容量變得更小。相對於表格嵌套的方式,DIV+CSS將頁面獨立成更多的區域,在打開頁面的時候,逐層載入。而不像表格嵌套那樣將整個頁面圈在一個大表格里,使得載入速度很慢。 二、降低流量費用 頁面體積變小,瀏覽速度變快,這就使得對於某些控制主機流量的網站來說是最大的優勢了。 三、修改設計時更有效率 由於使用了DIV+CSS製作方法,在修改頁面的時候更加容易省時。根據區域內容標記,到CSS里找到相應的ID,使得修改頁面的時候更加方便,也不會破壞頁面其他部分的布局樣式。 四、保持視覺的一致性 DIV+CSS最重要的優勢之一:保持視覺的一致性;以往表格嵌套的製作方法,會使得頁面與頁面,或者區域與區域之間的顯示效果會有偏差。而使用DIV+CSS的製作方法,將所有頁面,或所有區域統一用CSS文件控制,就避免了不同區域或不同頁面體現出的效果偏差。 五、更好地被搜索引擎收錄 由於將大部分的HTML代碼和內容樣式寫入了CSS文件中,這就使得網頁中正文部分更為突出明顯,便於被搜索引擎採集收錄。 六、對瀏覽者和瀏覽器更具親和力 我們都知道網站做出來是給瀏覽者使用的,對瀏覽者和瀏覽器更具親和力,DIV+CSS在這方面更具優勢。由於CSS富含豐富的樣式,使頁面更加靈活性,它可以根據不同的瀏覽器,而達到顯示效果的統一和不變形。 說了這么多CSS網頁布局的意義與優點,同時也不能輕視CSS網頁布局的副作用: 一、DIV+CSS盡管不是高不可及,但至少要比表格定位復雜的多,即使對於網站設計高手也很容易出現問題,更不要說初學者了。 二、CSS網站製作的設計元素通常放在1個外部文件中,或幾個文件,有可能相當復雜,甚至比較龐大,如果CSS文件調用出現異常,那麼整個網站將變得慘不忍睹。 三、雖然說DIV+CSS解決了大部分瀏覽器兼容問題,但是也有在部分瀏覽器中使用出現異常,比如火狐瀏覽器,在IE中顯示正常的頁面,到了火狐瀏覽器中可能會面目全非。當然這應該是瀏覽器的問題,但是可以說在目前來看,DIV+CSS還沒有實現所有瀏覽器的統一兼容。 四、DIV+CSS對搜索引擎優化與否,取決於網頁設計的專業水平,而不是DIV+CSS本身。DIV+CSS網頁設計並不能保證網頁對搜索引擎的優化,甚至不能保證一定比HTML網站有更簡潔的代碼設計,何況搜索引擎對於網頁的收錄和排序顯然不是以是否採用表格和CSS定位來衡量,這就是為什麼很多傳統表格布局製作的網站在搜索結果中的排序靠前,而很多使用CSS及web標准製作的網頁排名依然靠後的原因。因為對於搜索引擎而言,網站結構、內容、相關網站鏈接等因素始終是網站優化最重要的指標。

8、簡述css的概念和在網頁設計中的作用

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。
是一種對web文檔添加樣式的簡單機制,屬於表現層的布局語言。

1.基本語法規范
分析一個典型CSS的語句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
•其中"p"我們稱為"選擇器"(selectors),指明我們要給"p"定義樣式;
•樣式聲明寫在一對大括弧"{}"中;
•COLOR和BACKGROUND稱為"屬性"(property),不同屬性之間用分號";"分隔;
•"#FF0000"和"#FFFFFF"是屬性的值(value)。

2.顏色值
顏色值可以用RGB值寫,例如:color : rgb(255,0,0),也可以用十六進制寫,就象上面例子color:#FF0000。如果十六進制值是成對重復的可以簡寫,效果一樣。例如:#FF0000可以寫成#F00。但如果不重復就不可以簡寫,例如#FC1A1B必須寫滿六位。

3.定義字體
web標准推薦如下字體定義方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體,文檔將被指定為Lucida Grande。沒有的話,就被指定為Verdana字體,如果也沒有Verdana,就指定為Lucida字體,依此類推,;
•Lucida Grande字體適合Mac OS X;
•Verdana字體適合所有的Windows系統;
•Lucida適合UNIX用戶
•"宋體"適合中文簡體用戶;
如果所列出的字體都不能用,則默認的sans-serif字體能保證調用;

4.群選擇器
當幾個元素樣式屬性一樣時,可以共同調用一個聲明,元素之間用逗號分隔,:
p, td, li { font-size : 12px ; }

5.派生選擇器
可以使用派生選擇器給一個元素里的子元素定義樣式,例如這樣:
li strong { font-style : italic; font-weight : normal;}
就是給li下面的子元素strong定義一個斜體不加粗的樣式。

6.id選擇器
用CSS布局主要用層"div"來實現,而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層
<div id="menubar"></div>
然後在樣式表裡這樣定義:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。
id選擇器也同樣支持派生,例如:
#menubar p { text-align : right; margin-top : 10px; }
這個方法主要用來定義層和那些比較復雜,有多個派生的元素。

6.類別選擇器
在CSS里用一個點開頭表示類別選擇器定義,例如:
.14px {color : #f60 ;font-size:14px ;}
在頁面中,用class="類別名"的方法調用:
<span class="14px">14px大小的字體</span>
這個方法比較簡單靈活,可以隨時根據頁面需要新建和刪除。

7.定義鏈接的樣式
CSS中用四個偽類來定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上語句分別定義了"鏈接、已訪問過的鏈接、滑鼠停在上方時、點下滑鼠時"的樣式。注意,必須按以上順序寫,否則顯示可能和你預想的不一樣。記住它們的順序是「LVHA」。

9、CSS+DIV 在網頁中的應用

DIV+CSS是網站標准(或稱「WEB標准」)中常用術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標准中,不再使用表格定位技術,而是採用DIV+CSS的方式實現各種定位。
「DIV+CSS」是一種錯誤的說法,下面也會說到,DIV只是HTML中的一個標簽,而CSS是一種語言,這兩者也根本不能成為對等。並且,「DIV+CSS」的話法也容易引起歧義。讓大家認為WEB標准就一定要用到DIV,以導致了DIV標簽的濫用。並且「DIV+CSS」也不能成為「WEB標准」的代名詞,因為WEB標准不是單指兩個語言,而是由XHTML(結構)、CSS(樣式)、DOM(行為)組合而成的一種技術規范,他所實現的是數據、結構、樣式、行為的分離,方便了管理與維護。所以這里請大家記住「DIV+CSS」是一種錯誤的說法,可改為「HTML+CSS」或是「xHTML+CSS」
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。
HTML語言自HTML4.01以來,不再發布新版本,原因就在於HTML語言正變得越來越復雜化、專用化。即標記越來越多,甚至各個瀏覽器生產商也開發出只適合於其特定瀏覽器的HTML標記,這顯然有礙於HTML網頁的兼容性。於是W3C組織進而重新從SGML中獲取營養,隨後,發布了XML,XML是一種比HTML更加嚴格的標記語言,全稱是可擴展標記語言(EXtensible Markup Language http://www.seoyouhua.net/)。但是XML過於復雜,且當前的大部分瀏覽器都不完全支持XML。於是XHTML這種語言就派上了用場,XHTML語言就是一種可以將HTML語言標准化,用XHTML語言重寫後的HTML頁面可以應用許多XML應用技術。使得網頁更加容易擴展,適合自動數據交換,並且更加規整。說了這么多,現在該說正題了——CSS。其實CSS單獨使用除了麻煩一點之外,我個人覺得並無明顯的優於HTML的好處。而關鍵就在於其與腳本語言(如Javascript)及XML技術的融合,即CSS+Javascript+XML(實際上有一種更好的融合:XML+XSL+Javascript)——但XSL,即可擴展樣式表語言相較於CSS過於復雜,不太容易上手。自從CSS出現之後,HTML終於擺脫了雜亂無章的惡夢,開始將頁面內容與樣式分離。說了這么多,其實,個中真諦,還得使用過後才知道,所以,現在就開始學習使用吧。
DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。
在可以預計的將來,table的地位依然十分重要,於是,如google之流依然會生意興隆。但是div代表的是網路世界發展的方向。它們一個簡單,一個先進,蘿卜白菜,您選什麼都是有可取只處的.我們都很按您的要求認真服務的!
div是html(超文本語言)中的一個元素,div+css 是一種網頁的布局方法,這一種網頁布局方法有別於傳統的table布局,真正地達到了w3c內容與表現相分離.
div 是標簽 css是層疊樣式表
DIV+CSS高級布局已逐漸流行,但面對所謂DIV+CSS布局的叫法讓人更為擔心,不要讓DIV成為Table的替代品,多層嵌套的DIV會嚴重影響代碼的可閱讀性,活用HTML為我們提供的標簽吧。

10、DIV和CSS怎樣應用到網頁設計

樓主這問題除了泛,我找不到神馬其他的形容詞了……
這么說,你可以隨便觀察版任何一個網頁的權源碼,人人網首頁,騰訊新聞首頁,這些都可以。
你會發現有很多<div clss="xxx">各種div嵌套</div>的代碼,如果你說應用,那就是應用了。
怎麼應用?主流的用法是利用浮動float:left,還有position屬性等綜合使用,來達到預想的布局效果。
建議:利用div+css仿製人人網首頁,仿完再對比人家是怎麼寫的,基本你就明白了
或者你也可以參考這個網站:webfans.info,這個div+css的布局也不錯,可以借鑒

與css在網頁設計的功能應用相關的知識