css學習筆記(一)css的使用方法

2021-08-23 12:39:42 字數 621 閱讀 5293

有4種。行內樣式、內部樣式、外部樣式、匯入樣式。

行內樣式,將屬性寫在標籤內的形式。例如,

內部樣式,將屬性寫在style標籤內。例如,

我是p標籤裡面的文字,字型大小是30px,字型顏色是藍色

外部樣式,將css屬性與html內容相分離。通過link來引用。例如,

用外部樣式給div裡面的位子設定樣式,字型顏色是紅色

index.css的內容如下

div
匯入樣式,將css屬性與html內容相分離,通過#import匯入。例如,

我是內容

style.css檔案內容如下:

推薦使用外部樣式

CSS學習筆記一

css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生,例如 menubar p 這個方法主...

css學習筆記(一)

1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ul li 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元素選擇器 如 e first ...

CSS學習筆記 一

什麼是文件流?對乙個網頁而言,body 元素下的任意元素,根據其前後順序,組成乙個個上下關係,這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁之中的位置。文件流是瀏覽器的預設顯示規則。什麼是浮動?float具有屬性值 left right none 當設定了 float 屬性後,浮動元素會被移...