CSS中部分標籤

2021-08-11 02:27:54 字數 2190 閱讀 4425

11.18

1.css3 2d轉換

translate()方法,根據左(x軸)和頂部(y軸)位置給定的引數,從當前元素位置移動。

rotate()方法,在乙個給定度數順時針旋轉的元素。負值是允許的,這樣是元素逆時針旋轉。

scale()方法,該元素增加或減少的大小,取決於寬度(x軸)和高度(y軸)的引數

skew()方法,該元素會根據橫向(x軸)和垂直(y軸)線引數給定角度

**: a

b c

d e

f 2.css3 3d轉換

rotatex()方法,圍繞其在乙個給定度數x軸旋轉的元素。

rotatey()方法,圍繞其在乙個給定度數y軸旋轉的元素。

**:

helloworld

helloworld

3.transform屬性應用於元素的2d或3d轉換。這個屬性允許你將元素旋轉,縮放,移動,傾斜等。

4.transform-origin屬性允許您更改轉換元素的位置。2d轉換元素可以改變元素的x和y軸。 3d轉換元素,還可以更改元素的z軸。

transform-origin: x-axis y-axis z-axis;

4.css3 過渡是元素從一種樣式逐漸改變為另一種的效果。要實現這一點,必須規定兩項內容:•指定要新增效果的css屬性•指定效果的持續時間。要新增多個樣式的變換效果,新增的屬性由逗號分隔.

5.transition屬性是乙個速記屬性有四個屬性:transition-property, transition-duration,transition-timing-function, and transition-delay。

transition: property durationtiming-function delay;

7.@keyframe建立動畫,把它繫結到乙個選擇器,否則動畫不會有任何效果。

指定至少這兩個css3的動畫屬性繫結向乙個選擇器:•規定動畫的名稱•規定動畫的時長

動畫是使元素從一種樣式逐漸變化為另一種樣式的效果。

您可以改變任意多的樣式任意多的次數。

0% 是動畫的開始,100% 是動畫的完成。

8.css3 animation(動畫) 屬性

animation: name duration timing-functiondelay iteration-count direction fill-mode play-state;

9.css3 多**查詢

@media 針對不同**型別定製不同的的樣式規則

兩種方式:  ⑴直接link去鏈結呼叫

⑵直接在css中寫,然後呼叫

10.」data-自己創造的資料」   自定義屬性 又稱拓展屬性

提出的話用attr(data-自己創造的資料)

11.19

1.css3 彈性盒子flex box (布局模式)  手機端使用較多  一般不寫固定畫素

彈性盒子:隨著螢幕的大小,子元素也在隨之變化.

彈性容器:設定display屬性的值為flex或inline-flex   每個容器只有一行

修改子元素的順序  direction:rtl(意為right toleft)

**:

flex item 1

flex item 2

flex item 3

子元素的排列方式flex-direction:row(行)|row-reverse(行倒序)|column(列)|column-reverse(列倒序)

針對父元素的沿彈性的主軸線排列(橫向排列)

justify-content:flex-start|flex-end|center|space-between|space-around

針對父元素的沿縱軸排列

align-items:flex-start|flex-end|center|baseline|stretch(預設狀態)

子元素的換行方式(即溢位了怎麼辦)  flex-warp:nowarp|warp|warp-reverse(反轉排列)

修改flex-warp的屬性用align-content

子元素排序  order  order數值越小,排序越在前面

數值  flex  flex數值越大,占得面積越多

2.垂直對齊方式  vertical-align (和文字的對齊方式)

字間距  letter-spacing

右邊線  border-right

dedecms中部分標籤

1 global.cfg soft lang 標籤,單行標籤 調出 編碼 2 global.cfg webname 標籤,單行標籤 調出 名稱,的title 3 global.cfg keywords 標籤,單行標籤 4 global.cfg description 標籤,單行標籤 調出首頁描述資訊...

HTML中部分標籤說明

1.html不把 當空格,因為html中經常有縮排,如果把縮排的空格在瀏覽器中以空格形式展現的話,排版會很麻煩。2.如果要用空格,就用 no break space 3.為什麼 要用 代替?就是因為 有特殊含義 標籤的定義。4.fd表示粗體。5.表示 根目錄,表示父目錄,表示父目錄的父目錄 8.un...

vim中部分命令

v 從游標當前位置開始,游標所經過的地方會被選中,再按一下v結束。v 從游標當前行開始,游標經過的行都會被選中,再按一下 結束。ctrl v 從游標當前位置開始,選中游標起點和終點所構成的矩形區域,再按一下 trl v結束。g g 選中全部的文字,其中gg為跳到行首,v選中整行,g末尾 選中後就可以...