小結css
CSS3對於開發者來講,給web應用帶來了更多的可能性,極大提升了開發效率。CSS3在選擇器上的支持可謂是豐富多彩,使得咱們可以靈活的控制樣式,而沒必要爲元素進行規範化的命名。CSS3支持的動畫類型更加的豐富了,主要有transform(變換)、transition(過渡)和animation(動畫)。不只在類型上更加多樣,還能夠對特定的屬性設置transition,因此在之後面對更多的腳本開發者,會更加的方便簡單。對於CSS3的特性,圓角、文本陰影、盒模型陰影和漸變是網頁製做更加便捷與網頁展現更加豐富。web
習題瀏覽器
1.支持input類型的輸入框的消息提示的屬性是(B)佈局
A.detail B.placeholder字體
C.pattern D.required動畫
2.如下哪項不屬於Html5中input標籤新增的輸入類型(D)ui
A.email B.url編碼
C.number D.radiourl
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)
A.<Link href=」main.css」type=text/css rel=stylesheet>
B.<Link Src=」main.css」type=text/css rel=stylesheet>
C.<Link href=」main.css」type=text/css>
D.<Include href=」main.css」type=text/css rel=stylesheet>
8.下面不屬於CSS插入形式的是(C)
A.索引式 B.內聯式
C.嵌入式 D.外部式
9.若要以加粗宋體、10號字顯示「兄弟連IT教育」如下用法中,正確的是(B)
A.<b><font style='font-size:10px'>兄弟連IT教育</b></font>
B.<b><font face=」宋體」style='font-size:10px'>兄弟連IT教育</font></b>
C.<b><font size=「宋體」style='font-size:10px'>兄弟連IT教育</b></font>
D.<b><font size=「宋體」fontstyle='font-size:10px'>兄弟連IT教育</b></font>
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