樣式表CSS 簡明教程

2021-04-06 19:57:35 字數 1767 閱讀 5254

**www2.webshu.com

樣式表css在網頁中佔著極重要的地位,它的使用一直是熱門討論的話題。css是cascading style sheet的簡寫,譯為「層疊樣式表單」。css幾乎可以定義所有的網頁元素,css雖然功能強大,但平時我們用到的是很少的,最常見的有:定義字型大小(用css定義的字型大小不會瀏覽器的字型設定而改變)、去掉超鏈下劃線、超連結變色等等。下面詳細、簡練地講如何使用css。

1.css加在什麼位置?編輯css時候,強烈建議使用記事本之類的文字編輯工具開啟你的網頁**。找到,在之間加入這句,,然後所有的樣式表都定義在之間。

有很多**喜歡把樣式表寫成乙個css檔案,然後所有檔案都指向這裡來呼叫它。我個人不喜歡這樣做,因為每頁的css都不一樣,這樣做的缺點還有,當由於網速慢、或伺服器負擔重css檔案連線不上時,網頁就變得很亂。直接把css嵌在網頁中,是比較明智的做法。如果你的許多網頁幾乎完全一樣,堅持想使用css檔案,可使用這句來連線css檔案。

例項1

:這句表示網頁的字型大小為9磅字,行距150%,td是「單元格」元素,這句也就是對單元格內的字型起作用。這裡的表示超連結都為紅色,單行文字框的字型是9磅。

2.css作用很大的一方面就是可以用來大量減少網頁**,從而為網頁**,原理就是在網頁中自定義樣式表的選擇符,然後在網頁中大量引用這些選擇符。目前大部分**都是使用class來引用的。

css中,class和id的作用是完全一樣的,「class」單詞比「id」多3個字母。id的使用方法,在網頁之間定義選擇符名,選擇符名前加#,這些選擇符名可以是字母或數字、或組合,然後在網頁的元素中使用id=**來引用它。

例項3

:,然後在網頁使用這句引用它:黑藍色,14磅的字。段落……

也就是說,黑藍色的字等價於黑藍色的字;14磅的字等價於14磅的字,以此類推。這裡的介紹可能有點不太好理解,你可以多實踐。

注意

,又更新了,讓人耳目一新,553k,裡面介紹非常全面。其實,平時我們常用到的樣式表語句是非常少的,下面列舉最常用的樣式表語句:

1)color (顏色,例如ff0000代表紅色,000000代表黑色……)

2)font-size (字型大小)

3)font-family (字型型別)

4)width和height (寬度和高度)

5)line-height (段落行距,建議使用百分比的形式,例如150%)

6)margin-top表示段前;margin-bottom表示段後。margin-left表示整個段落向右縮排,margin-right表示段落右邊距離右邊的邊框的距離。例如這句。而且也可直接定義在中,例如表示這張向右對齊,並且再向左移動9畫素。

7)text-align (段落的對齊方式,例如left、center、right)

8)background-color (背景顏色)

9)position:absolute;top:30;left:50 表示絕對定位(dw中的層)

總之,最常用的就是以上這幾種了,需要多多實踐。

6.最常用的樣式表**例項。

例項4

例項5

例項6

例項7

:超連結變色且滑鼠停在超連結上有下劃線,滑鼠離開下劃線消失,

例項8

,請再翻回頭例項1:,這句可以讓你網頁的字型擂打不動,不隨ie瀏覽器的「檢視→文字大小」的設定而改變。

如果您需要從網頁中複製**到fp或dw中,複製請注意:一定要先從這裡複製到記事本,然後再從記事本複製到fp或dw的html模式下,切記切記,否則無效。

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

Visual Unit 簡明教程

visual unit,簡稱vu,是新一代單元測試工具,功能強大,使用簡單,完全視覺化,不需編寫測試 vu的測試結果使程式行為一目了然,有助於整理程式設計思路,提高程式設計效率和正確性,並能快速排錯 vu還增強偵錯程式功能 如自由後退 用例切換 提高除錯的效率 vu能達到空前的測試完整性,輕鬆完成語...

MYSQL簡明教程

dos進入mysql命令 c mysql h 127.0.0.1 u root p enter password mysql 進入完成 建立資料庫 create database databasename 使用指定資料庫進行操作 方法1 use database databasename 方法2 m...