自學筆記 03 CSS

2021-10-23 05:14:27 字數 1607 閱讀 8351

內部樣式表

使用style標記建立樣式時,最好寫在

外部樣式表

標籤匯入外部樣式表

"stylesheet" type="text/css" href="目標檔案的路徑及檔名全稱" />
import匯入外部樣式表

link和import匯入外部樣式區別:內聯樣式表(行內樣式、嵌入式樣式)

行內樣式表

《標籤    style="屬性:屬性值;屬性:屬性值;">"屬性:屬性值;屬性:屬性值;"/>
• 內聯樣式表優先級別最高

• 內部樣式表與外部樣式表的優先順序和書寫的順序的順序有關,後書寫的優先級別高

selector:選擇器

property:屬性

value:屬性值

selector

p

每個css樣式由3個部分組成,選擇器,屬性和值。

屬性必須放在{}花括號中,屬性和屬性值用冒號連線。

每條宣告用分號結束。

當乙個屬性有多個屬性值的時候,屬性值與屬性值不分先後順序。

在書寫樣式過程中,空格、換行等操作不影響屬性顯示。

塊級元素

塊狀元素在網頁中就是以塊(元素顯示為矩形區域)的形式顯示。常用的塊狀元素:div、dl、dt、dd、ol、ul、li、fieldset、(h1~h6)、p、form、hr、colgroup、col、table、tr、td等。

預設情況,塊狀元素都會佔一行,通俗地說,兩個相鄰塊狀元素不會出現並列顯示的現象;預設情況下,塊狀元素會按順序自上而下排列。

塊狀元素都可以定義自己的寬度和高度,不設定寬度的時候,預設與父級元素一樣寬。

塊狀元素一般都作為其他元素的容器,它可以容納其它內聯元素和其它塊狀元素。可以把這種容器比喻為乙個盒子。

內聯元素

常見的內聯元素如:a,span,i,em,strong,b等 內聯元素的表現形式是始終以行內逐個進行顯示;

內聯元素不能定義寬高,它顯示的寬度、高度只能根據所包含內容的高度和寬度來確定,它的最小內容單元也會呈現矩形形狀;

內聯元素也會遵循盒模型基本規則,如可以定義padding,border,margin,background等屬性,但個別屬性不能正確顯示;對於盒子模型屬性部分支援

內聯塊級元素

1.inline-block元素可以設定寬高

2. 內聯塊級元素不獨佔一行,會和其他inline元素和inline-block元素在同一行按從左至右的順序顯示。

3. 常見的內聯塊級元素:img、textarea、input、select等。

css注釋

html注釋

js注釋

03 css形狀 css揭秘

形狀 一 自適應的橢圓 1.難題 1 圓 你可能注意到過,給任何正方形元素設定乙個足夠大的border radius,就可以把它變成乙個圓形。所用到的css 如下所示 1 bd 當任意兩個相鄰圓角的半徑之和超過border box 的尺寸時,使用者 必須按比例減小各個邊框半徑所使用的值,直到它們不會...

CSS基礎03 CSS字型屬性

css fonts 字型 屬性用於定義字型系列 大小 粗細 文字樣式 如斜體等 css使用font family屬性定義文字的字型系列。pstyle css使用 font size屬性設定字型大小 pstyle css使用 font weight屬性來設定字型粗細,屬性值有normal 正常字型,相...

前端基礎 03 CSS屬性

1.瀏覽量預設的字型微軟雅黑 font family adobe arabic 2.字型大小設定 1.px 預設畫素 2.rem 對應瀏覽器預設的字型大小,瀏覽器是1rem 16px google瀏覽器是 16px,最小是12px 3.em 等於父級的字型尺寸 相對父級字型大小而言 4.相對父級的字...