DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> 認識CSS,了解CSS作用
認識CSS,了解CSS作用
編輯:布局基本知識     

 

通過首頁和CSS樣式介紹什麼是CSS樣式,相信大家對CSS也有一定認知和了解。接下來,我們詳細來介紹和解釋下CSS樣式表

目錄
  1. CSS定義解釋
  2. 基本語法與結構
  3. 達到效果與特點
  4. 解決問題

一、CSS定義與解釋

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

二、CSS基本語法與結構

實際上CSS 代碼都是由一些最基本的語句構成的。
它的基本語句語法的結構是這樣的:  
選擇符{屬性:屬性值} 例子 如: #yangshi{width: 156px;height:25px;}
在網頁制作時采用CSS技術,可以有效地對全站頁面有共同性質屬性的布局、字體、顏色、背景和其它效果屬性實現更加精確的控制。只要對網頁HTML裡的相應的CSS代碼做一些簡單的修改,就可以改變同一頁面或整站用到此“選擇類”的網頁的外觀和格式樣式。

三、CSS的作用可以達到效果及特點:

(1)在幾乎所有的浏覽器上都可以使用。
(2)以前一些非得通過圖片轉換實現的功能,現在只要用CSS就可以輕松實現,從而更快地下載頁面。
(3)使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。
(4)你可以輕松地控制頁面的布局 。
(5)你可以將許多網頁的風格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那麼整個站點的所有頁面都會隨之發生變動。想一想,沒有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的?我們一般使用HTML標簽來實現,代碼非常煩瑣。很難想象,如果在一個頁面裡需要頻繁地更替字體的顏色大小,最終生成的HTML代碼的長度一定臃腫不堪。說實話,CSS就是為了簡化這樣的工作誕生的,當然其功能決非這麼簡單。結合DIV CSS是通過對頁面結構的風格控制的思想,來控制整個頁面的風格的屬性。 浏覽器通過CSS類解釋來呈現CSS屬性來表現樣式裡設置的樣式。

四、CSS替我們解決什麼問題-CSS作用?

通過前面我們知道CSS也只是一個技術或一個東西的代名詞,那究竟CSS作用是什麼,CSS能幫我們解決什麼問題呢?
CSS配合DIV或div+css作用與解決問題:
1、CSS技術幫我們控制網頁中的字體大小、頁面寬度、頁面內容靠左靠右、字體樣式、某些網頁裡區域背景圖片、背景顏色、超鏈接鼠標事件樣式、圖片居中、文字居中、網頁中內容板塊間隔等樣式(花樣)。

2、網頁中一些標簽元素樣式控制,如:標題<h1>、段落<p>、span<span>、列表<li>等等網頁元素設置控制,包括上面講的文字圖片大小、DIV CSS布局寬度顏色等屬性。 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved