1、網頁製作中的CSS樣式是什麼?為什麼要學CSS?
上海傲孚網站建設為您解答:簡單地講,CSS樣式全稱為Cascading Style Sheets,中文翻譯為「層疊樣式表」,簡稱樣式表有被我們稱為CSS樣式或認知的div css樣式,而CSS就是Cascading Style Sheets英文單詞開頭字母縮寫,CSS樣式是一種製作網頁樣式的新技術。
可以這樣理解CSS樣式只是一個名稱而已,就像自己名字為什麼叫張三李四一樣,從「CSS樣式」短語可以理解,去除「CSS」後,只剩「樣式」兩字,所以可以通俗理解「樣式」就有花樣、種類多樣、多種多樣、各式各樣等意思。顧名思義CSS樣式就是通過"CSS"代名詞後技術來製作開發多種多樣不同樣式、不同版面、版面區分、上下區分網頁的一種CSS技術。
在設計中使用 CSS 後,您將減少客戶需要下載的代碼的數量。僅僅減少某些頁面中的字體標簽就可以大大減少代碼的數量。在很多情況下,如果完全使用 CSS-P 進行設計,代碼的數量最多可以減少 50% 甚至更多。代碼減少就意味著頁面下載的速度加快。
2、在網頁製作中CSS是什麼意思?
我的解釋
常規來說是樣式單,也就是樣式的集合,所有的站內頁面可以統一調用,保證統一的風格,同時可以默認頁面中比如字型大小,行高,背景等等,就不需要每個頁面都去設置一遍了
其他解釋
CSS就是一種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式表(Cascading Stylesheet)。
在主頁製作時採用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。
只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。
它的作用可以達到:
(1)在幾乎所有的瀏覽器上都可以使用。
(2)以前一些非得通過圖片轉換實現的功能,現在只要用CSS就可以輕松實現,從而更快地下載頁面。
(3)使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。
(4)你可以輕松地控制頁面的布局 。
(5)你可以將許多網頁的風格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那麼整個站點的所有頁面都會隨之發生變動。
想一想,沒有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的?我們一般使用HTML標簽來實現,代碼非常煩瑣。
很難想像,如果在一個頁面里需要頻繁地更替字體的顏色大小,最終生成的HTML代碼的長度一定臃腫不堪。
說實話,CSS就是為了簡化這樣的工作誕生的,當然其功能決非這么簡單。
CSS是通過對頁面結構的風格控制的思想,控制整個頁面的風格的。
式樣單放在頁面中,通過瀏覽器的解釋執行,是完全的文本,任何懂得HTML的人都可以掌握,非常的容易。生殖對一些非常老的瀏覽器,頁不會產生頁面混亂的現象。
其他
http://ke.baidu.com/view/530167.htm
3、網頁設計中內部鏈接和外部鏈接是什麼意思
那個是說css樣式 或者是js樣式。
在內部鏈接 就是直接在內部書寫樣式和js.在<head></head>之間
外部鏈接 就是用<link /> 或者是<script src=「」></script> 也是引用在<head></head>之間
4、網頁設計中的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」。
5、網頁樣式是什麼意思?
網頁是使用HTML語言編寫的供人們瀏覽的界面,網頁樣式就是指使用CSS和js技術對HTML頁面進行美化,使其看起來更友好更直觀清晰漂亮,剛開始的網頁是沒有樣式的,界面看起來很凌亂醜陋,使用樣式美化之後的界面就很漂亮,所以網頁樣式就像一個人的衣服,能給人們增加美麗的感覺
6、div style在網頁設計裡面是什麼意思
屬於內嵌樣式。
例如:
<div style="background:#ccc,width:300px; height:200px">這個表示,圖層 高度:200px ,寬度:300px, 背景:#ccc;
7、怎樣區分網頁設計製作中的 CSS 的三種樣式表嵌入、內聯、外聯大神們幫幫忙
你說錯了,其實是:
行內樣式: 就是CSS寫成html標簽裡面的,像:
<span style="font-size:14px;color:blue">我是一個段落</span>內聯樣式:就是在html文件的頭部內,用代碼:
<style type="text/css">外聯樣式:就是樣式文件是單獨的一個文件,用link標簽引入到html文件的頭部裡面來 。
<link href="http://www.388g.com/images2/Td.css" type="text/css" rel="stylesheet">不管用哪個,效果是一樣的,但是,如果同一個標簽,上面三種方式都定義了不同的樣式。那麼優先執行:行業。再執行內聯,再執行外聯。
8、css樣式內聯式,外聯式,嵌入式的格式是什麼?
外聯式樣式(屬於外部樣式表)
特徵:
1、有一個單獨的CSS文件存在![如:001.css]
2、首先,通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接!
3、在合適的地方使用 class="樣式名" 調用具體的樣式效果!
如:<link href="001.css" type="text/css" rel="Stylesheet"/>
嵌入式樣式(屬於內部樣式表)
特徵:
1、樣式的屬性內容以代碼的形式[放在 ]寫在網頁代碼中!
2、首先,通過【格式】→【樣式】設置樣式的屬性內容!
3、在合適的地方使用 class="樣式名" 調用具體的樣式效果!
如: <style type="text/css">
.main{ width:1002px; margin:0 auto;}
</style>
內聯式樣式(屬於內部樣式表)
特徵:
1、樣式的屬性內容直接跟在將要修飾的文字標記里[如:
2、具體格式: style="font-size:10px;font-color:#ff0000"
例如:修飾單元格里的文字
3. 嵌入式
最初級的 CSS 寫法即把代碼直接添加於所修飾的標記元素。示例代碼如下:
<div style="font-family:Arial,Helvetica,sans-serif;">芒果</div>
這樣做雖然更為直觀,但很大程度上加大了頁面體積,不符合結構與表現分離的設計思想。
總體而言,外聯和內聯各有優點,可綜合實際情況選擇適合的級聯方式。
(8)網頁設計中外接樣式是什麼意思擴展資料:
編程工具
記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為後綴名進行保存即可。
Dreamweaver:它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。
語言特點
CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。
總體來說,CSS具有以下特點:
豐富的樣式定義
CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易於使用和修改
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。
另外,可以將相同樣式的元素進行歸類,使用同一個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式聲明進行修改。
多頁面應用
CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。
層疊
簡單的說,層疊就是對一個元素多次設置同一個樣式,這將使用最後一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。
這些後來定義的樣式將對前面的樣式設置進行重寫,在瀏覽器中看到的將是最後面設置的樣式效果。
頁面壓縮
在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。
而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在載入頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程序的縮減了頁面的體積,減少下載的時間。