前端學習之css

2021-09-01 02:55:15 字數 1355 閱讀 5850

1. html中的三種布局格式:

a. 標準流(網頁中預設的方式)

b. 浮動

c. 定位

2. html的兩大元素

a. 塊級元素(獨佔一行):div、h1~h6、table、p、有序無序列表(ol、ul、li)、等等

b. 內聯元素(和相鄰的內聯元素在同一行):a、span、image、input、等等

文字1文字2

文字3文字4

該圖表明預設的塊之間的層級關係是:後寫塊元素特性 > 先寫的

1.內嵌式:

概念:寫在html檔案中一對style標籤內部

優點:結構和樣式分離

缺點:大段的css樣式還是寫在html檔案中,造成html檔案冗餘,css檔案不能多次使用。

2.外鏈式

概念:1>css檔案是乙個單獨的檔案,通過乙個link的標籤引入我們的html檔案裡面;

2>css檔案是乙個純文字檔案(副檔名.css)。

3>通過link標籤在html與css檔案中間建立聯絡,讓html可以載入css裡的樣式。

優點:1>結構和樣式完全分離,html檔案只負責結構,css檔案只負責css樣式;

2>同乙個css樣式可以被多個檔案使用。一旦css樣式更改,多個html檔案同時更改。

注意事項:

1>外鏈式的css樣式不需要寫在一對style標籤內部;

2>外鏈式樣式表裡,選擇器使用方法與html裡面是一樣的,而且選擇器權重計算也是一樣的。跟內嵌式比較時,比較方法是一樣的。

# 01.css

div

link:鏈結

rel:relationship,關係;stylesheet:表示html裡面引入的這個css是樣式表

href:css路徑,既可以是相對路徑,也可以是絕對路徑(http格式)

type:規定的是引入檔案的型別,是純文字形式的css檔案

前端學習之CSS 背景

通過 css 背景屬性,可以給頁面元素新增背景樣式。背景屬性可以設定背景顏色 背景 背景平鋪 背景位置 背景影象固定等。樣式名稱 background color定義元素的背景顏色 使用方式 其他說明 元素背景顏色預設值是 transparent 透明 使用方式 其他說明 實際開發常見於 logo ...

前端學習之CSS入門

這幾天正巧碰上好多事,只能斷斷續續的學習,並且確實也懈怠了不少。自學麼,總是會碰到各種問題的,不能全身心的投入到學習中去,進度也比較慢,更多的要靠自己的自控能力,所以說,沒有自制力的人還是要報班學習啊。而我呢,就是想挑戰下自己,並且鍛鍊下自己。加油吧!用了快兩周多的時間才更新,下一步我要端正下自己的...

web前端學習之CSS

書寫樣式和引入方法 css cascading style sheets 全程為層疊樣式表,它主要用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 加粗等等。使用css樣式的好處是通過定義某個樣式,可以讓不同的網頁位置有著統一的字型 字型大小或者顏色等等。換言之,使用css可以有效的減少我...