CSS之初相識

2021-08-15 20:34:25 字數 1642 閱讀 6738

結語

前言今天小鹹兒來總結一下,在學習css網頁樣式之後,對於css的第一感覺。

接下來,來介紹一下css到底是個什麼:

概念css(cascading style sheet),中文譯為層疊樣式表,它是用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。

簡單來說:css的引入就是為了使的html語言能夠更好地適應頁面的美工設計。它以html語言為基礎,提供了豐富的格式化功能。

標記在這裡引入一下標記的概念,標記:在html語言中,對於標記的運用是駕輕就熟的,在頁面中各種標記以及位於標記中間的所有內容,組成了整個頁面。例如:

哈哈哈哈哈h1>
其中的'

'稱為結束標記,在這兩者之間為實際的標題內容

傳統html缺點

css優點

控制頁面

行內樣式:所有樣式方法中最為直接的一種,直接對html的標記使用style屬性,然後將css**直接寫在其中。

哈哈哈哈title>

head>

style="color:#ff0000; font-size:10px;text-decoration:underline;">

我笑的p>

body>

html>

內嵌式:內嵌樣式就是將css寫在head與/head之間,並且用style和/style標記進行宣告。

哈哈哈哈title>

type="text/css">

phead>

我笑的p>

body>

html>

內嵌式:所有的css的**部分被集中在了同乙個區域,方便了後期的維護,頁面也大大**。但是如果採用同乙個樣式,內嵌式的方法就顯得略微麻煩,維護成本也不低。

哈哈哈哈title>

href="1.css"

type="text/css"

rel="stylesheet">

head>

我笑的p>

body>

html>

建立檔案1.css,如下所示:

p

匯入樣式:採用import方式匯入的樣式表,在html檔案初始化時,會被匯入到html檔案內,作為檔案的一部分,類似內嵌式的效果。放在style與/style之間:

@import

url(sheet1.css)

;@import

url("sheet1.css")

;@import

url('sheet1.css')

;@import sheet1.css;

@import

"sheet1.css"

;@import

'sheet1.css'

;

優先順序

行內樣式的優先順序最高,其次是採用link標記的鏈結式,再次是位於style和/style之間的內嵌式,最後才是@import匯入式。

結語每學習乙個新內容,總結下來,打造乙個節點,構造自己的知識網,達到「牽一髮而動全身」是自己的目標。

Linux初相識(二)

linux系統結構 linux是乙個倒樹型結構 linux中的所有東西都是檔案,這些檔案都是在頂級目錄 之下 根目錄 以下均為二級目錄,這些二級目錄多為系統裝機時自動建立的 linux中二級目錄資訊 檔案路徑絕對路徑 檔案在系統中的真實位置,檔名稱通常以 開頭 相對路徑 相對於當前位置的乙個檔名稱的...

意外相識Redis

故事開頭 無巧不成書,這不參加itoo測試的時候,接觸到了乙個新東西 redis 那麼什麼是redis呢?redis 是乙個使用 ansi c 編寫的開源 支援網路 基於記憶體 可選永續性 的鍵值對儲存資料庫 從2015年6月開始,redis的開發由 redis labs 贊助,而2013年5月至2...

UML 似曾相識

看到uml的時候感覺它特別的高大上,有乙個這麼有文化的名字,還有個比較有內涵的解釋 設計工具,立馬有種仰視的感覺。軟體工程是設計思想,而uml是設計工具,設計工具還沒有開始學習,怎麼會有似曾相識的感覺呢?且聽我慢慢道來,首先對uml來個認識。unifiedmodeling language uml ...