小結
CSS3對於開發者來說,給web應用帶來了更多的可能性,極大提高了開發效率。CSS3在選擇器上的支援可謂是豐富多彩,使得我們能夠靈活的控制樣式,而不必為元素進行規範化的命名。CSS3支援的動畫型別更加的豐富了,主要有transform(變換)、transition(過渡)和animation(動畫)。不僅在型別上更加多樣,還可以對特定的屬性設定transition,所以在以後面對更多的指令碼開發者,會更加的方便簡單。對於CSS3的特性,圓角、文字陰影、盒模型陰影和漸變是網頁製作更加便捷與網頁展示更加豐富。
習題
1.支援input型別的輸入框的訊息提示的屬性是(B)
A.detail B.placeholder
C.pattern D.required
2.以下哪項不屬於Html5中input標籤新增的輸入型別(D)
A.email B.url
C.number D.radio
3.對CSS編碼規範描述不合理的是(D)
A.一般不允許將樣式定義寫在標籤中
B.ID必須是唯一的,且用在結構的定義中
C.儘量不縮寫,除非一看就明白的單詞
D.建議單位使用絕對長度單位,如px、pt等
4.在CSS中,text-align屬性的初始值是什麼(A)
A.start B.無
C.normal D.auto
5.下面說法錯誤的是(D)
A.CSS樣式表可以將格式和結構分離
B.CSS樣式表可以控制頁面的佈局
C.CSS樣式表可以使許多網頁同時更新
D.CSS樣式表不能製作體積更小下載更快的網頁
6.若要是設計網頁的背景圖形為bg.jpg,以下標記中,正確的是(A)
A.<body background=”bg.jpg”> B.<body bground=”bg.jpg’’>
C.<body image=”bg.jpg”> D.<body bgcolor=”bg.jpg”>
7.若要在網頁中插入樣式表main.css,以下用法中,正確的是(D)
B.<Link Src=”main.css”type=text/css rel=stylesheet>
8.下面不屬於CSS插入形式的是(C)
A.索引式 B.內聯式
C.嵌入式 D.外部式
10.若要在當前網頁中定義一個獨立類的樣式myText,使具有該類樣式的正文字型為“Arial”,字型大小為9px,行間距為13.5px,以下定義方法中,正確的是(A)。
A.<style>
.myText{font-familiy:Arial;font-size:9px;line-height:13.5px}
</style>
B..myText{ font-familiy:Arial; font -size:9px;line-height:13.5px}
C.<style>
.myText{FontName:Arial; fontSize:9px;lineHeight:13.5px}
</style>
D.<style>
.myText{FontName:Arial; font-ize:9px;line-eight:13.5px}
</style>
11.px和em的區別
答案:px和em都是長度單位,區別是,px的值是固定的,指定是多少就是多少,計算比較容易。em得值不是固定的,並且em會繼承父級元素的字型大小。
瀏覽器的預設字型高都是16px。所以未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em
>