CSS基礎之簡單介紹

2022-07-26 13:00:13 字數 1294 閱讀 6359

網頁誕生初期,沒有描述樣式的語言,建立了很多用於描述樣式的標籤。但這些標籤破壞了html作為一門結構語言的表現。

於是,w3c在2023年開始起草css,提出將結構和樣式分離的解決方案。

元素是文件結構的基礎,在css中,每個元素都會生成乙個框(或者說盒)

表現形式

替換元素:替換元素的內容並非有瀏覽器直接生成,典型的莫

過於img元素了;

非替換元素:大部分html元素都是非替換元素,如div元素、p元素等

塊級元素:填充父元素的內容區

行內元素:在文字行內生成元素框

永久樣式表(persistent style sheet)

如果指定rel屬性為stylesheet,沒有指定title屬性,那麼它

將成為乙個永久樣式表

候選樣式表(alternate style sheet)

如果為link標籤指定乙個title屬性,那麼它將成為乙個

候選樣式表

首選樣式表(preferred style sheet)

在link標籤已經指定rel為stylesheet的情況下,再指定

title屬性,那麼它將成為乙個首選樣式表

```其他屬性:

media:

all //所有**

screen //螢幕**

handheld //手持裝置

aural //語音合成器

tv //電視

tty //固定間距環境

print //列印裝置

embossed //braille列印裝置

braille //braille裝置

projection //投影裝置

```

在文件中使用style標籤包含樣式表,成為文件樣式表

(document style sheet)或內嵌樣式表(embedded style sheet)在style標籤內可以使用@import載入外部樣式表

@import url(style2.css) screen;

@import與link標籤相比較:

宣告必須放在所有樣式前面

無法指定候選樣式表,所有宣告的樣式都會被載入

使用style屬性為單個元素設定屬性,inline在這裡翻譯為內聯

,而不是行內,意為內部自帶

天若有情

,因此不能使用諸如@import之類的規則,style屬性的值只能是出現

在大括號之間的部分。

CSS基礎之簡單介紹

元素 元素是文件結構的基礎,在css中,每個元素都會生成乙個框 或者說盒 表現形式 替換元素 替換元素的內容並非有瀏覽器直接生成,典型的莫 過於img元素了 非替換元素 大部分html元素都是非替換元素,如div元素 p元素等 塊級元素 填充父元素的內容區 行內元素 在文字行內生成元素框 宣告css...

css簡單介紹

日常專案推進中,各類開發人員經常遇到的乙個問題就是頁面的樣式調整問題,有時候專案組的開發人員經常會自己親自上陣調整樣式,這樣可以快速的解決問題,但同時也有可能造成一些隱患,接下來就我在工作中參與的樣式調整經驗分享一些正確 姿勢 css最核心的概念,就是盒模型,頁面上的每乙個元素都可以看做是乙個盒子,...

CSS基礎介紹

css介紹 css是指層疊樣式表,css樣式表極大的提高了工作效率 css基礎語法 1.首先選擇乙個屬性 2.選擇了屬性以後,用大括號括起來 3.括號裡面是對應的屬性和屬性值,如 selector舉乙個實際的例子,就像這樣 h1是屬性,然後乙個大括號,括號中的color是屬性,後面跟著對應的屬性值r...