網頁誕生初期,沒有描述樣式的語言,建立了很多用於描述樣式的標籤。但這些標籤破壞了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...