⑴ html css用什麼軟體編寫
html css可以用notepad++編寫。
Notepad++是Windows操作系統下的一套文本編輯器(軟體版權許可證:GPL),有完整的中文化介面及支持多國語言編寫的功能(UTF8技術)。
支持眾多計算機程序語言: C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP,AutoIt,匯編,DOS批處理, Caml,COBOL,Cmake,CSS等。
Notepad++功能比Windows中的Notepad(記事本)強大,除了可以用來製作一般的純文字說明文件,也十分適合編寫計算機程序代碼。Notepad++ 不僅有語法高亮度顯示,也有語法折疊功能,並且支持宏以及擴充基本功能的外掛模組。
Notepad++是免費軟體,可以免費使用,自帶中文,支持眾多計算機程序語言: C、C++、Java、pascal、C#,XML、SQL、Ada、HTML、PHP、ASP,、AutoIt,、匯編,、DOS批處理、Caml、 COBOL、Cmake、CSS,D、Diff、
ActionScript、Fortran、Gui4Cli、Haskell、INNO、JSP、KIXtart、LISP、Lua、Make處理(Makefile)、Matlab、INI文件、MS-DOSStyle、NSIS、Normal text、Objective-C、Pascal、Python、Javascript、Verilog、Haskell、InnoSetup、CMake、VHDL、Matlab。
超文本標記語言(HyperTextMarkupLanguage),標准通用標記語言下的一個應用。HTML 不是一種編程語言,而是一種標記語言(markup language),是網頁製作所必備的。「超文本」就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
超文本標記語言(或超文本標簽語言)的結構包括「頭」部分和「主體」部分,其中「頭」部提供關於網頁的信息,「主體」部分提供網頁的具體內容。
(1)css是什麼軟體擴展閱讀:
html語言特點:
1、簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。
3、平台無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。
4、通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。
參考資料來源:
網路-Notepad++
網路-HTML
⑵ css是什麼啊
http://hi..com/xianglaren/blog/category/css%BD%CC%B3%CC這個地址有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+div是用什麼軟體做的啊
並不是有什麼軟體專門做CSS+DIV的,CSS是CSS,CSS+DIV只不過是將CSS用DIV的方式將其表現出來,以達到程序與風格相分離的目的,便於維護與更新。CSS是可以用軟體直接做的,Dreamwere就可以。
至於CSS+DIV,則是在你做網頁的過程中,將需要某CSS控制段用DIV標簽框定就行了。當然這個加標簽一般都是手動搞上,用軟體反而感覺不方便。
⑸ 什麼是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
級聯樣式表(Cascading Style Sheet)簡稱「CSS」,通常又稱為「風格樣式表(Style Sheet)」,它是用來進行網頁風格設計的。比如,如果想讓鏈接字未點擊時是藍色的,當滑鼠移上去後字變成紅色的且有下劃線,這就是一種風格。通過設立樣式表,可以統一地控制HTML中各標志的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表,可以擴充精確指定網頁元素位置,外觀以及創建特殊效果的能力。
CSS簡介
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現HTML或 XML 等文件式樣的計算機語言。 CSS目前最新版本為CSS5,能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言,CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象盒模型的能力,並能夠進行初步交互設計,是目前基於文本展示最優秀的表現設計語言。
編輯本段級聯樣式表簡介
有三種方法可以在站點網頁上使用樣式表: 將網頁鏈接到外部樣式表。 在網頁上創建嵌入的樣式表。 應用內嵌樣式到各個網頁元素。 每一種方法均有其優缺點: 當要在站點上所有或部份的網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,並將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表 — 中作一次更改 — 而該更改會反映到所有與該樣式表相鏈接的網頁上。通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。 當人們只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表,「嵌」在網頁的 <HEAD> 標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。 使用內嵌樣式以應用級聯樣式表屬性到網頁元素上。 如果網頁鏈接到外部樣式表,為網頁所創建的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。
現在創建和編輯css更加常用的是Adobe Dreamweaver[1]系列軟體,可視化編輯更利於web工程師快速的創建和編輯css,新版本CS5.0、CS5.5、CS6,包含Adobe BrowserLab[2],用於針對多種瀏覽器測試css的兼容性。Adobe Dreamweaver是一個css創建和編輯必不可少的利器! FrontPage 2000 包含有能用來為站點創建外部樣式表的模板。可以用空白模板或已包含樣式的模板來創建(例如 Arcs)。當保存樣式表時, FrontPage 會以 . css 作為文件擴展名。要編輯樣式表,請雙擊文件夾列表中的樣式表。 當創建或修改網頁樣式時,可使用位於 「格式」 菜單的 「樣式」 命令,FrontPage 會自動創建嵌入的樣式表(如果原先不存在),並在嵌入的樣式表內將此樣式保存為類選擇器。 可以使用 「樣式」 對話框來創建新類選擇器,修改或刪除現有類選擇器,或將 CSS 格式設置屬性應用到標准 HTML 標記符上例如 <H1>。當單擊 「確定」 關閉對話框時,FrontPage 會將格式設置特徵寫回到使用正確語法的外部或嵌入的樣式表中。或者,可以用正確 CSS 語法鍵入樣式信息。要鍵入嵌入的樣式表的樣式信息,請單擊網頁視圖模式下的 「HTML」 選項卡。 如果對應用到站點的主題選擇 「應用 CSS 」 復選框,FrontPage 將在站點的根目錄下創建名為 Theme 1 .css 的文件,其中 Theme 是主題的名稱。如果修改主題,FrontPage 自動將更改寫回主題 CSS 里。也可以通過直接編輯主題 CSS 來修改主題。
要在網頁上使用外部樣式表的樣式,可將該網頁鏈接到樣式表,方法是使用位於 「格式」 菜單上的 「樣式表連接」 命令。可以鏈接一個或數個樣式表到網頁視圖模式下的當前網頁,或到在文件夾列表中的所選網頁,或到站點上的全部網頁。 該「樣式」 框列出標准 HTML 標記符,例如標題 1,還有嵌入的樣式表或鏈接到網頁的外部樣式表中所含的類或 ID 選擇器。要應用樣式到網頁元素,請選定該樣式然後單擊 「樣式」 框中的樣式或選擇器。 在 Microsoft FrontPage 2000 中,某些格式設置特性會作為內嵌樣式自動應用。例如∶如果使用 「邊框與陰影」 命令(在 「格式」 菜單上)在普通段落周圍應用框,FrontPage 會寫下格式設置信息,作為段落標記符的內嵌樣式屬性(例如∶ <p style="border-style: solid">)。然而某些屬性的應用需要使用 CSS,其他則需要使用 HTML 。如果人們只想使用 CSS 應用內嵌樣式,可使用 「樣式」 按鈕(位於網頁元素的 「屬性」 對話框里)應用類或 ID 選擇器或嵌入式樣式。
⑺ css是什麼 怎麼用的說```
CSS是Cascading style Sheets的簡稱,中文譯作「層疊樣式表單」,我把它叫作「層疊樣式表」,我感到這樣順口一 點,沒別的意思。實際上它是一組樣式。你可能對CSS這個名詞比較陌生,實際上無論你用Internet Explorer還是 Netscape Navigator在網上沖浪,幾乎隨時都在與CSS打交道,在網上沒有使用過CSS的網頁可能不好找。不管你用什麼工 具軟體製作網頁,都有在有意無意地使用CSS。用好CSS能使你的網頁更加簡煉,為什麼同樣內容的網頁,有的人做出來有 幾十KB,而高手做出來只有十幾KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小經驗以及一些網友來信
提問的問題整理出來,供諸位參考。
網路空間的CSS說明
http://www..com/search/hi/hi_css.html
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是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}
-->