從零學習css3 一

2021-06-27 17:50:28 字數 527 閱讀 6436

css3是css2的公升級版本,3只是版本號,它在css2.1的基礎上增加了很多強大的新功能。 目前主流瀏覽器chrome、safari、firefox、opera、甚至360都已經支援了css3大部分功能了,ie10以後也開始全面支援css3了。相信css3的時代馬上就要到來了!

border-radius是向元素新增圓角效果。

border-radius: 10px;/*元素所有角使用半徑為10px的圓角*/  

border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */

不要以為border-radius的值只能用px單位,你還可以用百分比或者em,但相容性目前還不太好。

源**(為了方便直接寫在html中,css都是複製的沒有考慮簡化什麼的):

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 學習筆記 一

旋轉 rotate 10deg 代表 順時針旋轉10 可以為scale 尺寸放大縮小 skew表示傾斜角度 translate表移動距離 transform rotate 10deg webkit transform rotate 10deg moz transform rotate 10deg 陰...