css3 變換
移動,縮放,旋轉,拉伸
transform : 變換
translate:移動
translate(x軸,y軸)
注:如果只有乙個值,相當於只移動水平方向
rotate:
rotate(角度):預設是z軸
rotatex \rotatey\rotatez
scale():縮放
scale(x,y):只有乙個值 時,x,y方向同時變化
scalex()
scaley()
skew():傾斜
css3 動畫
定義動畫
方1:@keyframes 動畫名to}
方2:@keyframes 動畫名
20%100%
}使用動畫
animation: 動畫名稱 持續時間 過渡型別 延遲的時間 迴圈次數 反向 狀態
定義字型
語法:第一步定義css3字型規則
@font-face
第二步引用css3字型
div應用:
字型圖示
**查詢器(響應式網頁,後面講)
border-radius:定義圓角
5px左上,右上,右下,左下
******************************==
a標籤
屬性:target:目標
_self(預設) : 自身
_blank: 新視窗
iframe 框架名字
三種型別:
1. 頁面鏈結
2. 錨點鏈結
本頁面的錨點:
step1 : 定義錨點
step2: 鏈結錨點
其它頁面的錨點:
step1 : 定義錨點
step2: 鏈結錨點
3. 功能性鏈結
學習前端的第七天
一 padding 1 padding是長在內容和盒子之間的,在盒子內部。2 padding是為了調整 子元素 在 父元素裡面位置關係。3 padding的特點 padding值會把盒子撐大。4 如果想讓盒子保持原有大小,需要在寬高的基礎上減掉padding值。5 給單一方向設定padding值 p...
實習第七天
昨天經理說今天會刮颱風,所以我們要求停課比較好,畢竟我是乙個非常熱愛生命的人,這絕對不是因為我小時候差點被颱風刮走,真的不是因為這個!可是今天一大早,天氣很涼快,可是再如何涼快,還是沒有暴風雨即將來臨的感覺,為此我們捶胸頓足,為什麼停課,停課也不得不去,因為我們還得以實習生的身份過去,說起這ppt,...
第七天筆記
理解 陣列的基本概念 理解 陣列的分類 陣列的幾個名詞 陣列的應用場景 按維度分類 掌握 定義陣列 掌握 初始化陣列 掌握 陣列的使用 指定陣列的元素個數,對陣列進行部分顯式初始化 不指定元素個數,定義的同時初始化,它是根據大括號中的元素的個數來確定陣列的元素 個數 int nums 指定元素個數,...