原創 css3 學習筆記 一

2021-07-24 17:59:08 字數 698 閱讀 7562

//旋轉   rotate(10deg)代表 順時針旋轉10°

//可以為scale-尺寸放大縮小 skew表示傾斜角度 translate表移動距離

transform

:rotate(10deg);

-webkit-transform

:rotate(10deg);

-moz-transform

:rotate(10deg);

//陰影四個引數  

//第乙個引數表示水平偏移,例如2px,表示投影右偏移2畫素

//第二個引數表示垂直偏移,2px表示投影向下偏移2畫素

//第三個引數表示模糊的大小,表示模糊大小

//第四個引數為rgba顏色,例如rgba(135,139,144,0.4),括號內四個值分別指代r(red)g(green)b(blue)a(opacity)

box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);

-webkit

-box

-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);

-moz

-box

-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);

css3學習筆記(一)

e f 包含選擇器 包括孫子輩的 e f 子選擇器 不包括孫子輩的 e f 相鄰選擇器 e f 兄弟選擇器 選中e出現的後面的兄弟 中國十大傑出人物 別人家的孩子 別人家的爸爸 別人家的媽媽 別人家的老公 別人家的老婆 別人家的公公 別人家的婆婆 別人家的公司 別人家的領到 別人家的員工 偽類選擇器...

CSS3學習筆記(一)

css 1 邊框 1.1邊框的樣式 border width style color 1.2邊框四個角的半徑 border top left radius top px left px border top right radius border bottom left radius border ...

css3學習筆記

1.為什麼分許多模組進行管理?為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一,class屬性本身沒有語義,褚翠是用來為css樣式服務的,屬於多餘屬性。第二,使用屬性的話,並沒有把樣式與元素繫結起來,針對同乙個class屬性文字框,下拉框,按鈕都可使用。這樣很...