CSS 學習一(簡介)
一、學習CSS需要具備的HTML和XML基礎知識,點我。
二、CSS 概述:
1.CSS 指層疊樣式表 (CascadingStyleSheets)
2.樣式定義如何顯示HTML 元素
3.樣式通常儲存在樣式表中
4.把樣式新增到 HTML 4.0 中,是為了解決內容與表現分離的問題
5.外部樣式表可以極大提高工作效率
6.外部樣式表通常儲存在CSS 檔案中
7.多個樣式定義可層疊為一
三、樣式解決了一個問題:
不斷地將新的 HTML 標籤和屬性(比如字型標籤和顏色屬性)新增到 HTML 規範中,建立文件內容清晰地獨立於文件表現層的站點變得越來越困難,為了解決這個問題,全球資訊網聯盟(W3C),在 HTML 4.0 之外創造出樣式(Style)。所有的主流瀏覽器均支援層疊樣式表。
四、樣式表提高了工作效率:
樣式表定義如何顯示 HTML 元素,樣式通常儲存在外部的 .css 檔案中。通過編輯一個簡單的 CSS 文件,外部樣式表使你有能力同時改變站點中所有頁面的佈局和外觀。
五、當同一個HTML元素被不止一個樣式定義時,會使用哪個樣式?
所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。
1.瀏覽器預設設定
2.外部樣式表
3.內部樣式表(位於 標籤內部)
4.內聯樣式(在 HTML 元素內部)
因此,內聯樣式(在 HTML 元素內部)擁有最高的優先權,這意味著它將優先於以下的樣式宣告: <head>標籤中的樣式宣告,外部樣式表中的樣式宣告,或者瀏覽器中的樣式宣告(預設值)
相關文章
- Unity學習系列一簡介Unity
- NIO學習一、NIO簡介
- OCI學習筆記--簡介(一)筆記
- xhtml & css 簡易學習筆記(一)HTMLCSS筆記
- uiautomator學習筆記(一)簡介UI筆記
- WCF學習筆記(一):WCF簡介筆記
- CSS 簡介CSS
- CSS簡介CSS
- Java學習:JDBC簡介JavaJDBC
- 強化學習-簡介強化學習
- Ajax學習-Ajax簡介
- Java學習--JavaWeb簡介JavaWeb
- OpenCV學習之旅 簡介OpenCV
- 隨機學習簡介隨機
- Dart語言學習筆記(一) —— Dart簡介Dart筆記
- (一) Angular.js入門學習和簡介AngularJS
- css套路學習(一)CSS
- CSS in JS 簡介CSSJS
- CSS動畫簡介CSS動畫
- css的簡介CSS
- 元學習簡單介紹
- gcc簡介(學習筆記)GC筆記
- Java學習--Jsp簡介JavaJS
- .Net 下 Solr 入門學習系列(一)Solr簡介Solr
- MDN之學習 Web 開發(一)【Web API簡介】WebAPI
- css學習筆記(一)CSS筆記
- Go語言學習(1) - 簡介Go
- Tensorflow 深度學習簡介(自用)深度學習
- 強化學習系列(1):簡介強化學習
- 如何學習javascript簡單介紹JavaScript
- 跟我學習dubbo-簡介(1)
- 貝葉斯深度學習簡介深度學習
- 深度學習基本概念簡介深度學習
- MuJoCo 學習筆記:簡介 Overview筆記View
- CSS 入門簡介CSS
- CSS 簡單介紹CSS
- CSS樣式簡介CSS
- css簡單介紹CSS