學前端的第七天(CSS Day05)

2021-10-10 21:46:32 字數 981 閱讀 9024

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 指定元素個數,...