導航:首頁 > 萬維百科 > css網站設計

css網站設計

發布時間:2020-08-28 11:03:53

1、CSS是一種什麼樣的網頁設計,怎麼用它?

網頁設計里的 CSS在英文中的縮寫:Cascading Style Sheets 層疊樣式表。

什麼是CSS呢?你可能急迫的想知道答案。但是空泛的文字描述意義不大,讓我們先來一點感性體驗吧。看看這個沒有添加CSS的HTML文件:http://www.csszengarden.com/zengarden-sample.html

是一個普普通通的網頁。然而通過給這個文件添加的CSS規則,我們可以得到十分美觀的網頁:http://www.csszengarden.com/

這還不是全部,不改動HTML,只是通過添加不同的CSS規則,我們就可以得到各種不同樣式的網頁:http://www.csszengarden.com/?cssfile=/208/208.css&page=0

好了,下面我們再來回答什麼是CSS這個問題。
什麼是Cascading Style Sheets(層疊樣式表)
* CSS是Cascading Style Sheets(層疊樣式表)的簡稱.
* CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行(屬於瀏覽器解釋型語言).
* 在標准網頁設計中CSS負責網頁內容(XHTML)的表現.
* CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名後綴.
* 可以通過簡單的更改CSS文件,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課.
* CSS是由W3C的CSS工作組產生和維護的.

2、簡述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」。

3、關於網頁設計中的css

顯示和隱藏是最簡單的方法,你可以將右側的對應的div的高度從0變到你要的高度,和顯示隱藏效果一樣

4、DIV + CSS 網頁布局設計用哪個軟體好

1:初期剛接觸的時候建議用Editplus,這款工具沒有代碼提示功能,代碼高亮。能較好的鍛煉代碼功底。對於之後找工作筆試大有裨益。
2:如果你工作了,並且需要開發效率。建議用HBuilder 。這款工具是國產的。不需要安裝什麼插件,下載就能用,很受前端開發人員的喜愛。
除了Hbuilder還可以用webstorm,這款工具也非常受前端開發人員的喜愛。
當然還有sublime Text3 這款工具也挺不錯的,只不過需要安裝插件。
3:以上工具是我個人常用的,當然也有很多的開發工具,比如DW 等等。

5、網頁設計中的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」。

6、網頁設計採用div+css有什麼好處?

網頁設計採用div+css的好處:
1、div+css有利於搜索引擎爬蟲:一般而言相同網頁頁面html文件table布局位元組大於div+css布局的位元組,所以可以節約搜索引擎爬蟲爬行下載頁面內容時間。
2、重構頁面修改方便(div+css改版方便):一般DIV+CSS頁面都是html和css文件分開的也就是說一個網頁的內容與表現形式的分離,一般修改小小部分的css文件里css樣式屬性就可以修改真站的樣式版面,如背景顏色、字體顏色、網站寬度等具有table不具備的方便性。
3、div+css頁面增加網頁打開速度:這里是特性決定了他們的性能,因為div+css頁面是div的html和css文件分開的,而瀏覽器打開該網頁的時候是同時下載html和css,所以可以提高網頁打開速度,而table還有個特性就是瀏覽器打開的時候必須是瀏覽器下載以<table>開始,並</table>結束後才顯示該塊的內容,而div的html是邊載入邊將內容呈現到瀏覽器上,div+css網站大大增強用戶體驗作用。大家都知道網頁多等1秒鍾都會降低瀏覽者的等待時間。

7、網站設計DIV+CSS

DIV+CSS,就是HTML+DOM+CSS,學這三個就夠了,從HTML學起。

簡單了解,一周就可以,,,要達到能用DIV+CSS架構網頁,至少也得1個月。那些吹說三天七天就可以學會的,簡直就是扯淡。。。中國的網頁就是被這些不學無術,什麼都只懂皮毛的垃圾搞得亂七八糟得

Flash也可以作網站的阿,做純flash的網站,Flash做的網站更美觀更有特色,更容易拿獎。。。呵呵

8、求幾個大學css網站設計的課程設計

計算機科學與技術
概率論與數理統計
H55010002
2
36
36
0

2*

線性代數
H55010021
2
32
32
0

2*

計算機科學導論
H61030001
3.5
64
48
16

4*

高級語言程序設計
H61030002
3.5
72
48
24

4*

匯編語言程序設計
H61030005
3.5
72
48
24

4*

數據結構
H61030006
4.5
88
64
24

5*

計算機組成
H61030007
4
64
64
0

4*

資料庫系統
H61030008
4.5
88
64
24

5*

操作系統
H61030009
4.5
88
64
24

5*

微機原理與介面技術
H61030010
3
48
48
0

3*

編譯原理
H61030011
3.5
72
48
24

4*

軟體工程
H61030012
3
48
48
0

3*

計算機組成實驗
H61030101
1
32
0
32

2*

微機原理與介面實驗
H61030102
1
32
0
32

2*

數字邏輯
H61060301
3.5
64
48
16

4*

離散數學
H61030003
4
64
64
0

4*

工程制圖(Ⅱ)
H59010002
4
64
64
0

4*

工程訓練(Ⅱ)
H59030002
2
0
0
0

2周
0*

生產實習

9、什麼是css,使用css進行網頁設計有哪些好處

        css是英文Cascading Style Sheets的縮寫。它是用來美化網頁內容的,比如給網頁添加背景色或者背景圖片,控制網頁各個地方的字體大小、顏色、字體等。

        如給網頁添加一個背景顏色的css代碼為:

background-color:red;    //設置背景顏色為紅色

        而將段落字體設置為20px藍色雅黑的css代碼為:

p{font-size:20px; color:blue; font-family:Microsoft Yahei;}

與css網站設計相關的知識