html5 css3部分筆記

2021-10-10 19:24:37 字數 1200 閱讀 2266

value文字框預設值

css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成

選擇器的優先順序依次是: 內聯樣式 > id選擇器 > 類選擇器 > 標籤選擇器 > 萬用字元選擇器

瀏覽器預設的樣式 < 網頁製作者樣式 < 使用者自己設定的樣式,但記住!important優先順序樣式是個例外,權值高於使用者自己設定的樣式。

italic斜體(用於字型本身就有傾斜的樣式) oblique傾斜的字型

字型顏色(另外兩種)

每一項的值可以是 0~255 之間的整數,也可以是 0%~100% 的百分數。如:

p十六進製制顏色

這種顏色設定方法是現在比較普遍使用的方法,其原理其實也是 rgb 設定,但是其每一項的值由 0-255 變成了十六進製制 00-ff。

p一般情況下因為對於中文**,英文還是比較少的,所以下面縮寫**比較常用:

body

只是有字型大小、行間距、中文字型、英文本型設定。

css規範中假設「90畫素=1英吋

盒子模型:padding(內填充) margin(外邊界) border(邊框) 塊狀標籤具有盒子模型

border-style(邊框樣式)常見樣式有:

dashed(虛線)| dotted(點線)| solid(實線)

css3包含3種基本的布局模型,用英文概括為:flow、layer 和 float。

在網頁中,元素有三種布局模型:

1、流動模型(flow)

2、浮動模型 (float)

3、層模型(layer)

層模型有三種形式:

1、絕對定位(position: absolute)

2、相對定位(position: relative)

3、固定定位(position: fixed) (相對於瀏覽器視窗)

flex彈性盒:

1.橫軸justify-content:flex-start/flex-end/center/space-between(接觸兩邊)/space-around(與兩邊有間隔)

2.豎軸align-items:flex-start/flex-end/center/baseline(文字基線)/stretch(預設值,填滿容器)

3.子元素佔比(**示例

flex:1

)flex屬性只能是正整數,且一旦設定flex,子元素寬度屬性失效

定寬塊狀元素兩個條件:設定寬度、左右margin值且設為auto

重頭學習html5 css3系列筆記(3)

復合選擇器 字型屬性 文字屬性 css 設定文字內容 字型,大小,對齊方式 的外形 寬度,邊框樣式,邊距 版面的布局和外觀顯示樣式 css美化html 讓html專注於結構 css由兩部分構成 選擇器 一條或多條宣告 css選擇器 又分基礎選擇器和復合選擇器兩大類 基礎選擇器 由單個選擇器構成,又包...

HTML5 CSS3新增特性 (筆記)(2)

動畫效果 彈性盒模型 使用過渡可以動態地改變乙個顏色的值,以動畫的形式過渡到另乙個顏色 簡寫格式 transition transition 過渡屬性 過渡時間 不能省略 過渡效果 延遲時間 這些屬性也可以進行分別定義 可以使用transition property屬性來指定要參與過渡的css屬性名...

初學HTML5 CSS3動畫

乙個完整的css animations由兩部分構成 在css3中使用 keyframes規則來建立動畫,keyframes可以設定多個關鍵幀,每個關鍵幀表示動畫過程中的乙個狀態,多個關鍵幀就可以使動畫十分絢麗。keyframes animationname animation屬性用於描述動畫的css...