❶ CSS是什麼
關於CSS是什麼:
CSS是用於布局與美化網頁的.
CSS是Cascading Style Sheets的英文縮寫,即層疊樣式表.
CSS語言是一種標記語言,因此不需要編譯,可以直接由瀏覽器執行(屬於瀏覽器解釋型語言).
CSS文件是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名後綴.
CSS是大小寫不敏感的,CSS與css是一樣的.
關於使用CSS的幾個優勢:
內容與表現分離,有了CSS,網頁的內容(XHMTL)與表現就可以分開了.
表現的統一,可以使網頁的表現非常統一,並且容易修改.
CSS可以支持多種設備,比如手機,PDA,列印機,電視機,游戲機等.
使用CSS可以減少網頁的代碼量,增加網頁的瀏覽速度,減少硬碟容量.
❷ css是什麼~
CSS是Cascading style Sheets的簡稱,中文譯作「層疊樣式表單」,我把它叫作「層疊樣式表」,我感到這樣順口一 ,沒別的意思。實際上它是一組樣式。你可能對CSS這個名詞比較陌生,實際上無論你用Internet Explorer還是 Netscape Navigator在網上沖浪,幾乎隨時都在與CSS打交道,在網上沒有使用過CSS的網頁可能不好找。不管你用什麼工 具軟體製作網頁,都有在有意無意地使用CSS。用好CSS能使你的網頁更加簡煉,為什麼同樣內容的網頁,有的人做出來有
幾十KB,而高手做出來只有十幾KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小經驗以及一些網友來信 提問的問題整理出來,供諸位參考。
1、CSS在網頁製作中一般有三種方式的用法,那麼具體在使用時該採用哪種用法?
當有多個網頁要用到的CSS,採用外連CSS文件的方式,這樣網頁的代碼大大減少,修改起來非常方便;只在單個網頁
中使用的CSS,採用文檔頭部方式;只有在一個網頁一、兩個地方才用到的CSS,採用行內插入方式。
2、CSS的三種用法在一個網頁中要以混用嗎?
三種用法可以混用,且不會造成混亂。這就是它為什麼稱之為「層疊樣式表」的原因,瀏覽器在顯示網頁時是這樣處
理的:先檢查有沒有行內插入式CSS,有就執行了,針對本句的其它CSS就不去管它了;其次檢查頭部方式的CSS,有就執行
了;在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出,三種CSS的執行優先順序是:行內插入式、頭部方
式、外連文件方式。
3、在Dreamweaver3中如何使外部文件式CSS?
在Dreamweaver3中使用外連文件式CSS並沒有特殊要求,同樣是用記事本創建一個*.css文件,在網頁的<head>與
</head>之間加上一句這樣的代碼:<link rel="stylesheet" href="在這里填上你的CSS文件地址(相對路徑+文件
名)" type="text/css"> 就行了。
4、如何用Dreamweaver3快速創建CSS外連式文件?
對於一個初接觸CSS的網頁設計人員來講,要用記事之類的編輯器,去創建一個CSS外連式文件是相當困難的。由於
Dreamweaver3對CSS支持的很好,用它來幫助就輕松多了。具體可以這樣操作:
1)先在紙上寫好在網站的網頁中可能要用到的格名稱,然後在Dreamweaver3的編輯窗中調出CSS面板,一個一個地定
義,並在一個空白頁上適當地寫一點相關內容,邊定義邊試用,效果不滿意,立即修改;
2)全部定義好後,再用記事本創建一個空的CSS外連式文件,把在<head>與</head>之間的那段定義好的CSS復制
到CSS文件中去,就大功告成了。整個過程就是點滑鼠,方便吧?
5、在Dreamweaver3中採用行內插入式CSS要手動寫代碼嗎?
不用!先用CSS面板定義好要用的CSS,然後,在要插入CSS的標記插入:style="",再把你剛才定義的CSS從<head>
後面拖到這個雙引號中來,把花括弧以外的部分刪去就行了。
6、在方檔頭部方式和外連文件方式的CSS中都有「<!--」和「-->」,好象沒什麼用,不要可以嗎?
這一對東東的作用是為了不引起低版本瀏覽器的錯誤。如果某個執行此頁面的瀏覽器不支持CSS,它將忽略其中的內
容。雖然現在使用不支持CSS瀏覽器的人已很少了,由於互聯網上幾乎什麼可能都會發生,所以還是留著為妙。
7、如何給一部分文字加背景色?
給文字加上不同顏色,在DW3中只要在屬性面板上選取文字的顏色就行了,非常方便,但要給部分文字加不同的背景色
卻沒有相應的功能,我們可以先做一個定義背景色的CSS(如:bgstyle),在DW3中點幾下鼠就完成了。如一個定義淡黃色
背景的CSS是這樣的:
<style type="text/css">
<!--
.bgstyle { background: #FFFFCC}
-->
</style>
在要用時選取那段文字,再在CSS面板上點一下「bgstyle」就行了。
8、如何給部分文字加背景圖像?
與加背景色操作類似,中是在背景在選擇載入圖象就是了,一個定義好的加背景圖象的CSS例子的代碼是這樣的:
<style type="text/css">
<!--
.imgbgstyle { background-image: url(/logo.gif)}
-->
</style>
在要用時選取那段文字,再在CSS面板上點一下「imgbgstyle」就行了。
9、如何使頁面的背景在文字「滾動」時背景圖案靜止不動?
要使背景圖案不隨文字「滾動」的CSS是這樣的:
<style type="text/css">
<!--
BODY { background: purple url(/bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed
}
-->
</style>
10、如何定義字間距?
在DW3中CSS的屬性定義對話框(style Definition for .style1)的「Block」上的「letter spaceing」屬性定義的就
是字間距,它指的是每一個字元之間的額外間距,經長度為單位,正負值均可,當取負值時產生字元擠在一起的效果。下
面代碼是一個定義好的字間距CSS例子:
<style type="text/css">
<!--
.style1 { letter-spacing: 3px}
-->
</style>
11、如何給文字加上劃線、下劃線、刪除線和閃爍?
在DW3中CSS的屬性定義對話框(style Definition for .style1)的「Type」上的「decoration」屬性定義的就是這些
內容,要注意的是閃爍屬性有些版本的瀏覽器不支持,少用為好。下面是一個定義好上述效果的CSS例子:
<style type="text/css">
<!--
.style1 { text-decoration: underline overline line-through blink}
-->
</style>
其中: 「underline」是定義下劃線;「overline 」是定義上劃線;「 line-through」定義的是刪除線;「blink」
定義的是文字閃爍。
12、如何使網頁具有「首行縮進」功能?
由於DW3輸入空格不方便,利用「首行縮進」將彌補這個不足。在DW3中CSS的屬性定義對話框(style Definition
for .style1)的「Block」上的「text-indent」屬性定義的就是「首行縮進」,所謂「首行」是指每段內容的第一行,也
就是直接按回車鍵就形成了一個新的段落。縮進最好以「em」(字元)為單位,比如:漢字編排要求每段開始縮進兩個漢
字,設置好的CSS如下所示:
<style type="text/css">
<!--
.style1 { text-indent: 2em}
-->
</style>
在DW3要注意:在DW3中CSS的屬性定義對話框(style Definition for .style1)的「Block」上的「text-indent」右
面的縮進單位選擇框中「ems」指的就是「em」。
13、在用表格進行排版時,能使某一方向上的內容離開表格線一點嗎?
可以!在DW3中CSS的屬性定義對話框(style Definition for .style1)的「Box」上的「margin」定義的就是內容離
開邊緣的距離,分別可定義四個方向:「top」「bottom」「left」「right」。下面就是定義在左邊離開「10px」的CSS例
子代碼:
<style type="text/css">
<!--
.style1 { margin: 0px 0px 0px 10px}
-->
</style>
14、能給某部分內容加邊框嗎?
用CSS可以給某部分內容加邊框,在DW3中CSS的屬性定義對話框(style Definition for .style1)的「Border」定義
的就是邊框線,「top」「bottom」「left」「right」四邊可分別定義線的粗細和顏色,這些定義好後不要忘記在下面的
「style」中定義線型,否則將看不邊框線,因為默認的線型是「none」。下面是一個定義了上邊框為:藍色細線;左邊框
為:綠色中粗線的CSS例子:
<style type="text/css">
<!--
.style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00}
-->
❸ CSS指的是什麼
CSS在英文中有如下幾種常見的縮寫:
1,Cascading Style Sheets 層疊樣式表
2,Content Scrambling System DVD電影的加密系統
3,Cast Semi-Steel 半鑄鋼, 鋼性鑄鐵
4,College Scholarship Service 大學獎學金處
其中在網路上最常見的是Cascading Style Sheets(層疊樣式表)
什麼是Cascading Style Sheets(層疊樣式表)
* CSS是Cascading Style Sheets(層疊樣式表)的簡稱.
* CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行(屬於瀏覽器解釋型語言).
* 在標准網頁設計中CSS負責網頁內容(XHTML)的表現.
* CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名後綴.
* 可以通過簡單的更改CSS文件,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課.
* CSS是由W3C的CSS工作組產生和維護的.
Cascading Style Sheets(層疊樣式表)的歷史
* 1996年W3C正式推出了CSS1.
* 1998年W3C正式推出了CSS2.
* CSS2.1是W3C現在正在推薦使用的.
* CSS3現在還處於開發中.
網頁設計中常用的CSS屬性
文字或元素的顏色 color
背景顏色 background-color
背景圖像 background-image
字體 font-family
文字大小 font-size
列表樣式 list
滑鼠樣式 cursor
邊框樣式 border
內補白 padding
外邊距 margin
等...
css可以用任何寫文本的工具進行開發,如文本工具,dreamweaver開發
css也是一種語言,這種語言要和html或者xhtml語言相結合才起作用,
css簡單來說就是用來美化網頁用的,用css語言來控制網頁的外觀
舉個例子
xhtml部分:
<ul>
<li><a href="#">主頁</a></li>
<li><a href="#">留言</a></li>
<li><a href="#">論壇</a></li>
</ul>
此時在頁面上的表達形式是一個豎向列表,這樣不夠美觀,
可以css來改善這個列表為一個橫向導航條和超鏈接
css部分:
ul{list-style:none;margin:0px;padding:0px}
ul li{margin:0px;padding:0px;float:left;}
ul li a{display:block;width:100px;height:30px;background:#efefef;color:#333;text-decoration:none}
ul li a:hover{background:#333;color:#fff;}
添加上css後,這個列表變成橫向的導航條了,超級鏈接是淡色背景,灰色字體,沒有下劃線,高度是30像素,寬度是100像素
當我們滑鼠經過這個超級鏈接時候,變成灰色背景,白色字體
❹ css 是什麼
CSS(Cascading Style Sheet,可譯為「層疊樣式表」或「級聯樣式表」)是一組格式設置規則,用於控制Web頁面的外觀。通過使用CSS樣式設置頁面的格式,可將頁面的內容與表現形式分離。頁面內容存放在HTML文檔中,而用於定義表現形式的CSS規則則存放在另一個文件中或HTML文檔的某一部分,通常為文件頭部分。將內容與表現形式分離,不僅可使維護站點的外觀更加容易,而且還可以使HTML文檔代碼更加簡練,縮短瀏覽器的載入時間。
層疊樣式表解決了一個普遍的問題
HTML 標簽原本被設計為用於定義文檔內容。通過使用 <h1>、<p>、<table> 這樣的標簽,HTML 的初衷是表達「這是標題」、「這是段落」、「這是表格」之類的信息。同時文檔布局由瀏覽器來完成,而不使用任何的格式化標簽。
由於兩種主要的瀏覽器(Netscape 和 Internet Explorer)不斷地將新的 HTML 標簽和屬性(比如字體標簽和顏色屬性)添加到 HTML 規范中,創建文檔內容清晰地獨立於文檔表現層的站點變得越來越困難。
為了解決這個問題,萬維網聯盟(W3C),這個非營利的標准化聯盟,肩負起了 HTML 標准化的使命,並在 HTML 4.0 之外創造出樣式(Style)。
所有的主流瀏覽器均支持層疊樣式表。
層疊樣式表極大地提高了工作效率
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
由於允許同時控制多重頁面的樣式和布局,CSS 可以稱得上 WEB 設計領域的一個突破。作為網站開發者,你能夠為每個 HTML 元素定義樣式,並將之應用於你希望的任意多的頁面中。如需進行全局的更新,只需簡單地改變樣式,然後網站中的所有元素均會自動地更新。
❺ css是什麼意思
CSS是一種用來表現HTML或XML等文件樣式的計算機語言,不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。
❻ HTML和css是什麼
一、css是Cascading Style Sheets 的縮寫,即層疊式樣式表單,它是由W3C協會制定並發布的一個網頁排版式標准,是對HTML語言功能的補充。
二、HTML和CSS的區別?
1、定義不同:
html是HyperTextMark-upLanguage的縮寫,即超文本標記語言;
css是Cascading Style Sheets 的縮寫,即層疊式樣式表單,它是由W3C協會制定並發布的一個網頁排版式標准,是對HTML語言功能的補充。
2、用途不同:
html則是用於文本內容,包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。
css是多用於樣式,主要的用途是對網頁中字體、顏色、背景、圖像及其他各種元素的控制,使網頁能夠完全按照設計者的要求來顯示。
3、CSS語法與HTML語法完全不同:
HTML里代碼是功能標簽,如DIV、SPAN、A鏈接、em標簽、I斜體標簽、u下劃線等,html代碼語法範例:<div>內容</div>
CSS樣式代碼語法是div{樣式單詞:值}
三、HTML和CSS聯系:
CSS與HTML相同之處在於,兩個共同作用讓網頁實現需要的布局樣式。
(6)css是什麼擴展閱讀:
1、標記符<html>,說明該文件是用超文本標記語言(本標簽的中文全稱)來描述的,它是文件的開頭;而</html>,則表示該文件的結尾,它們是超文本標記語言文件的開始標記和結尾標記。
2、CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。
❼ css是什麼
這個網路也有詳細解釋,lz問這問題,估計是新接觸html,我撿些個人認為較主要的說下吧:
1、css(Cascading Style Sheet),中文交層疊樣式表或級聯樣式表
2、css通過三種方式引用:外部css <link rel="stylesheet" type="text/css" href="style.css">
內部css 即在頭部加入階段<style></style>裡面聲明內容,如<style>a{color:red;}</style>內聯css 相當於在html標簽內部加入style="",如<div style="width:100px;"></div>,css用於控制網頁樣式,如字體,邊框,顏色,位置等,當然也和div搭配用於布局,是目前主流布局方式,主要用的就是css對於div的位置控制。
css一般通過三種方式選中標簽,一直接用標簽名,如上的a標簽,二是用class,如<div class=「aa」></div>,則css可直接用.aa選中,形如 .aa{width:100px;},當然用於外部和內部css,內聯直接書寫在標簽內,無選中之說,三是通過id,如<div id="aa"></div>,用#aa{width:100px;}設置樣式,同樣是外部和內部css。
3、css主要目的是將表現內容分離,分離的目的主要是便於統一管理,如統一設置整個網站頁面背景,對於一個網站,風格基本統一,我們可以用一個外聯css設置統一樣式,然後每個頁面調用給css文件,網站風格需要修改時,只需修改該文件則可全部修改,極其方便。同時css具有比較強大的樣式功能,很多單靠html標簽屬性幾乎無法實現,如給<p>標簽添加邊框,<span>標簽添加背景圖,css極易實現,html標簽則很無力。還有css能夠極大的縮減頁面代碼量,客戶端載入速度因為文件小而加快,提高瀏覽速度和體驗。
4、css標簽和div極易上手,若lz果真剛接觸,可以多練些html,個人認為開始接觸語言盡量減少對工具的依賴性為好,可以直接用記事本編寫html文件,熟悉了後,這個html排版語言便會感覺如此的easy,逐漸擴展學習js,而後是一些媒體處理ps和flash,最後接觸動態頁面編程技術jsp,php等,加上設計思想,必會覺得網站設計是一件美好的事情。。。也為今後再添一技。
收筆,希望lz能學好~~