當前位置:首頁 » 網頁前端 » web中css是指什麼
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web中css是指什麼

發布時間: 2022-05-01 15:03:37

① web前端的CSS3跟CSS有什麼區別

CSS就是一抄種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式表(Cascading Stylesheet)。 在主頁製作時採用CSS技術,可以有效地襲對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。 只要對相應的代碼做一些簡單的修改知,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式道。

② css是什麼意思

CSS是一種用來表現HTML或XML等文件樣式的計算機語言,不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。

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

④ 1.CSS指的是什麼在網頁製作中為什麼要使用CSS技術 2.網頁製作中有哪幾種樣式設置方法各有何特點

1.css是網頁表現與內容分離的一種樣式設計語言,就比如每個人都有一雙眼睛、兩只耳朵、兩個鼻孔、一個嘴巴,而長的丑的人只是他的面部樣式不符合大眾的審美觀。
2.網站製作中之所以要使用css,是為了讓頁面布局樣式等更加美觀從而吸引更多閱讀者。就好比一個五官精緻的美女大家都愛看一樣!
3.
①行內樣式。例如:<p style="color:red;">樣式</p>(實際效果是p標簽中的字體為紅色)
②內嵌樣式。列如<p class="test">樣式</p> <style>.test{color:red;}</style>(效果同上)
③外聯樣式。列如把代碼 .test{color:red;} 保存在style.css文件中,然後在頁面中引入<link type="text/css" rel="stylesheet" href="style.css" />(效果同上)
(望採納哦!~~)

⑤ css是什麼意思

css是層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標准通用標記語言的一個應用)或XML(標准通用標記語言的一個子集)等文件樣式的計算機語言。

CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

CSS具有以下特點:

1、豐富的樣式定義

CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

2、易於使用和修改

CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。

3、多頁面應用

CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

4、層疊

層疊就是對一個元素多次設置同一個樣式,這將使用最後一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。

5、頁面壓縮

在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。

而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在載入頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程序的縮減了頁面的體積,減少下載的時間。

(5)web中css是指什麼擴展閱讀:

css的工作原理

CSS是一種定義樣式結構如字體、顏色、位置等的語言,被用於描述網頁上的信息格式化和現實的方式。CSS樣式可以直接存儲於HTML網頁或者單獨的樣式單文件。

無論哪一種方式,樣式單包含將樣式應用到指定類型的元素的規則。外部使用時,樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。

樣式規則是可應用於網頁中元素,如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中,外部樣式單保存在獨立的文檔中,網頁通過一個特殊標簽鏈接外部樣式單。

名稱CSS中的「層疊(cascading)」表示樣式單規則應用於HTML文檔元素的方式。具體地說,CSS樣式單中的樣式形成一個層次結構,更具體的樣式覆蓋通用樣式。樣式規則的優先順序由CSS根據這個層次結構決定,從而實現級聯效果。

⑥ 在網頁中的CSS是什麼東西

樓上的胡說八道 CSS哪裡去動態語言??
完全兩個概念
CSS:Cascading Style Sheet(層疊樣式表、級聯樣式表)的縮寫。

w3c給予的說明是:它是一種簡單的對於web文檔增加樣式(諸如:字體、顏色、間隔等)的機制(Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. )。標准技術文檔參見W3C的文檔說明。
本人認為樣式表的作用就是web設計中文檔設計與表現分離的需要。打個比方,整個web程序就像一個人,人有頭、四肢等,這是人的基本構架,也是最基本的,沒有這些,人就不能稱之為人;同樣web文檔結構就是web程序中最基本的東東。那樣式表就好像人的衣服,它是web文檔的衣裝,有了它,web網頁才顯現出千姿百態。有人要問了,那以前沒有CSS說法時,web頁面設計也是各式各樣的啊。不錯,但是注意那時文檔結構和表現形式是沒有分離的,就好比你的文身,刺在你的肉中(也許不是很恰當,人穿上衣服可以遮住的),沒法和你分開了。文檔結構和表現混和就不利於web程序的繼承、再開發,因為每一次web重新設計就是一次新的項目開發了。所以我們要選擇web文檔結構和表現形式的分離,所以我們選擇了CSS(當然,CSS主要是針對web程序的;還有XSL是針對所有的文檔結構類型之間的相互轉換,也更為通用了,XSL也可以用於web設計)。

⑦ 什麼是CSS

CSS(Cascading Style Sheet,可譯為「層疊樣式表」或「級聯樣式表」)是一組格式設置規則,用於控制Web頁面的外觀。通過使用CSS樣式設置頁面的格式,可將頁面的內容與表現形式分離。頁面內容存放在HTML文檔中,而用於定義表現形式的CSS規則則存放在另一個文件中或HTML文檔的某一部分,通常為文件頭部分。將內容與表現形式分離,不僅可使維護站點的外觀更加容易,而且還可以使HTML文檔代碼更加簡練,縮短瀏覽器的載入時間。

⑧ 什麼是CSS

CSS
釋義<一>

CSS(Cascading Style Sheets),即層疊樣式表,與HTML超文本標記語言配合以定義網頁表現的樣式語言。

歷史

當初一幫技術人員想出HTML,主要側重於定義內容,比如<p>表示一個段落,<h1>表示標題,而並沒有過多設計HTML的排版和界面效果。

隨著Internet的迅猛發展,HTML被廣泛應用,上網的人們當然希望網頁做得漂亮些,因此HTML排版和界面效果的局限性日益暴露出來。為了解決這個問題,人們也走了不少彎路,用了一些不好的方法,比如給HTML增加很多的屬性結果將代碼變得很臃腫,將文本變成圖片,過多利用Table來排版,用空白的圖片表示白色的空間等。直到CSS出現。

CSS可算是網頁設計的一個突破,它解決了網頁界面排版的難題。可以這么說,HTML的Tag主要是定義網頁的內容(Content),而CSS決定這些網頁內容如何顯示(Layout)。

CSS與網頁的鏈接方法

內嵌樣式(Inline Style)
內部樣式表(Internal Style Sheet)
外部樣式表(External Style Sheet)

內嵌樣式(Inline Style)
Inline Style是寫在Tag裡面的。內嵌樣式只對所在的Tag有效。

<P style="font-size:20pt; color:red">這個Style定義<p></p>裡面的文字是20pt字體,字體顏色是紅色。</p>
顯示示例

內部樣式表(Internal Style Sheet)
內部樣式表是寫在HTML的<head></head>裡面的。內部樣式表只對所在的網頁有效。

<HTML>
<HEAD>
<STYLE type="text/css">
H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
</STYLE>
</HEAD>
<BODY>
<H1 class="mylayout"> 這個標題使用了Style。</H1>
<H1>這個標題沒有使用Style。</H1>
</BODY>
</HTML>
顯示示例

內部樣式表(Internal Sytle Sheet)要用到Style這個Tag,寫法如下:

<STYLE type="text/css">
......
</STYLE>
外部樣式表(External Style Sheet)
如果很多網頁需要用到同樣的樣式(Styles),用什麼方法呢?

將樣式(Styles)寫在一個以.css為後綴的CSS文件里,然後在每個需要用到這些樣式(Styles)的網頁里引用這個CSS文件。

比如可以用文本編輯器(NotePad)建立一個叫home的文件,文件後綴不要用.txt,改成.css。文件內容如下:

H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然後你建立一個網頁,代碼如下:

<HTML>
<HEAD>
<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout"> 這個標題使用了Style。</H1>
<H1>這個標題沒有使用Style。</H1>
</BODY>
</HTML>
顯示示例

使用外部(Extenal)樣式表,相對於內嵌(Inline)和內部式(Internal)的,有以下優點:

樣式代碼可以復用。一個外部CSS文件,可以被很多網頁共用。
便於修改。如果要修改樣式,只需要修改CSS文件,而不需要修改每個網頁。
提高網頁顯示的速度。如果樣式寫在網頁里,會降低網頁顯示的速度,如果網頁引用一個CSS文件,這個CSS文件多半已經在緩存區(其它網頁早已經引用過它),網頁顯示的速度就比較快。

解決css文件過大的問題

如果頁面內容過多,css文件會很大,同樣會造成很多不便,那麼我們該如何解決這個問題呢?我們可以對每個細節進行css設計,比如對於字體的設置我們可以存入font.css文件,對邊界等的設定我們可以存入lay.css文件,對其他一些版式的規定可以存入other.css文件,然後我們建立一個main.css文件,然後在里邊寫入如下代碼:

@import url(font.css);
@import url(lay.css);
@import url(other.css);

然後只需要在html文件里添上main.css的鏈接即可,這樣子一方面減小了css文件的容量,另一方面似乎也更方便管理,特別是對大型網站。

串聯(Cascading)
CSS第一個字母,是Cascading,意為串聯。它是指不同來源的樣式(Styles)可以合在一起,形成一種樣式。

Cascading的順序是:

瀏覽器預設(browser default)(優先順序最低)
外部樣式表(Extenal Style Sheet)
內部樣式表(Internal Style Sheet)
內嵌樣式表(Inline Style)(優先順序最高)
樣式(Styles)的優先順序依次是內嵌(inline), 內部(internal), 外部(external), 瀏覽器預設(browser default)。假設內嵌(Inline)樣式中有font-size:30pt, 而內部(Internal)樣式中有font-size:12pt,那麼內嵌(Inline)式樣式就會覆蓋內部(Internal)樣式。

⑨ 網頁中CSS的概念和作用

CSS就是一種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式表(Cascading Stylesheet)。

我不不清楚你看的是什麼樣的教程,可能性如下:
1、如果是比較老一些的教程的話,那就可能還是用表格製作網頁,裡面講的CSS可能僅僅是在網頁里定義一些文字的樣式或者背景什麼的,只是為了簡單一些代碼,方便使用。
2、如果你看的是現在的一些網站製作教程,那麼很可能他講述的建站方式是基於WEb2.0的,主要用CSS控制的網頁製作,在主頁製作時採用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。
它的作用可以達到:
(1)在幾乎所有的瀏覽器上都可以使用。
(2)以前一些非得通過圖片轉換實現的功能,現在只要用CSS就可以輕松實現,從而更快地下載頁面。
(3)使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。
(4)你可以輕松地控制頁面的布局 。
(5)你可以將許多網頁的風格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那麼整個站點的所有頁面都會隨之發生變動。

希望對你有所幫助。其實你可以查查相關資料,現在網上到處都是。