CSS樣式學習筆記?

2022-02-23 09:26:57 字數 973 閱讀 9145

如何利用css做到**混排?

把文字當作處理,當作文書處理

為了保證不佔一行(或乙個div),需要用float:left這個樣式,寫海報「首字母下沉」效果需要用到這個樣式

利用標籤做導航標籤?

設定list-style-type:none;float:left;

可以不需要標籤,如果有則也需要將list-style-type:none;

在css樣式中設定body樣式——全域性風格?

body
邊框

border:border-width || border-style || border-color

border:groove;

border:groove blue;

border:4px groove blue;

備註:為了能讓邊框顯示出來,必須指定邊框的型別,寬度和顏色都有相對應的預設值(需要指定出來,不然顯示不出來)

定位與布局兩種樣式結合

定位:position: absolute(可重疊,相對於最近的父元件)relative(不可重疊)static

z-index:重疊之後出現分層,顯示層次的順序

topright

bottom

left

布局:float:none(物件不漂浮)left(向左浮動)right(向右浮動)

overflow:

overflow-x:

overflow-y:

display:不保留佔據的物理空間

visibility:保留佔據的物理空間

標籤被用來組合文件中的行為元素

注:如果不對該標籤使用樣式,它和文字內容是沒有區別的

**標題

2004

2005

撥款11111

22222

投資33333

44444

標籤起強調作用

標籤是普通的一列

css樣式學習筆記一

注 其中的內容只是自己學習時的一些筆記,好記性不如爛筆頭,在此記錄方便以後鞏固!1 web標準 結構 html 表現 樣式 行為 js 2 樣式的選擇器 1 標籤 元素選擇器 p 2 類選擇器 time1 3 id選擇器 time2 4 萬用字元選擇器 3 樣式分類 1 內嵌樣式表 在內聯樣式表中新...

css樣式學習筆記三

注 其中的內容只是自己學習時的一些筆記,好記性不如爛筆頭,在此記錄方便以後鞏固!1 邊距 1 內邊距 padding top padding left padding right padding bottom 值為畫素值 2 外邊距 margin top margin left margin rig...

css樣式學習筆記七

注 其中的內容只是自己學習時的一些筆記,好記性不如爛筆頭,在此記錄方便以後鞏固!一 屬性選擇器 css3.0以後的版本會支援的 1 選擇器 屬性 值 比如 p align right input type button 2 選擇器 屬性 input value 二 邊距 外邊距 1 ie6容易出現雙...