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末尾 選中後就可以...