色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css測(cè)試作業(yè)

最近在學(xué)習(xí)CSS,老師布置了一道CSS測(cè)試作業(yè),讓我感覺(jué)又有進(jìn)步了!

首先,老師要求我們制作一個(gè)正方形,求解方法有很多,我選擇了使用相同的寬度和高度,再利用box-sizing屬性來(lái)控制寬度和高度包含邊框和內(nèi)邊距。下面是我的代碼:

.square{
width: 100px;
height: 100px;
box-sizing: border-box;
border: 2px solid black;
}

接下來(lái),老師要求我們使用flex布局制作一個(gè)導(dǎo)航欄。我按照老師的要求,先在HTML中添加一個(gè)nav元素,然后使用flex屬性來(lái)實(shí)現(xiàn)元素在水平方向上的排列。代碼如下:

nav{
display: flex;
justify-content: space-between;
}

最后,老師讓我們?yōu)槟硞€(gè)圖片添加一個(gè)hover效果,讓圖片放大。為了實(shí)現(xiàn)這個(gè)效果,我使用了CSS3的過(guò)渡效果。代碼如下:

img:hover{
transform: scale(1.2);
transition: all 0.3s ease-in-out;
}

以上就是我的CSS測(cè)試作業(yè)的全部?jī)?nèi)容,希望我能獲得好成績(jī)!