CSS3樣式和新特性

2021-08-08 08:09:03 字數 986 閱讀 4570

###css3樣式

###1邊框

border-radius圓角邊框

div

border-shadow邊框陰影
div

border-image邊框(相容性)
div

####background-size

div

###3字型

font-face(擱置)

在 css3 之前,web 設計師必須使用已在使用者計算機上安裝好的字型。

通過 css3,web 設計師可以使用他們喜歡的任意字型。

您「自己的」的字型是在 css3 @font-face 規則中定義的。

div

div:hover

css

@keyframes myfirst

to }

@-moz-keyframes myfirst /* firefox */

to }

@-webkit-keyframes myfirst /* safari 和 chrome */

to }

@-o-keyframes myfirst /* opera */

to }

html

div

列的數量 column-count

列之間的距離 column-gap

列的附加規則 column-rule

div

outline:1px dotted gray;

outline-offset:15px;

引用資料 : w3school

實用的css3樣式

1.word wrap word wrap normal break word 只在允許的斷字點換行 瀏覽器保持預設處理 斷字 在長單詞或url位址內部進行換行。2.font face internet explorer 9 firefox,chrome,safari,和 opera 支援 woff...

css3樣式有哪些?

2d 轉換 2d 轉換是改變標籤在二維平面上的位置和形狀 移動 translate 旋 rotate 縮放 scale translate 語法 x 就是 x 軸上水平移動 y 就是 y 軸上水平移動 transform translate x,y transform translatex n tr...

CSS3有哪些新特性?CSS3新特性詳解

本篇文章給大家帶來的內容是關於css3有哪些新特性?css3新特性詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...