HTML+CSS基礎(常用)

(一)請舉例說出幾種選擇器?

1-標籤選擇器(也就是元素選擇器)

2-ID選擇器 (前面以”#”號來標誌)

3-後代選擇器 (使用空格來分開----將對父元素的選擇放在前面,對子元素的選擇放在後面,中間加一個空格分開。)

4-通用選擇器 (也就是通配符 *來標誌)

5-僞類選擇器 (比如 p:hover a:link a:visited)

(二)如何理解CSS盒子模型?

1-盒子模型是由內容、邊框、間隙(padding)、間隔(margin)組成。

2-盒子實際寬度(高度)=內容(content)+邊框(border)+間隙(padding)+間隔(margin)。對於任何一個元素設置width和height控制內容大小,也可以分別設置各自的邊框(border)、間隙(padding)、間隔(margin)。靈活設置這些盒子的這些屬性,可以實現各自排班效果。

(三)什麼是float浮動?

1-Float是浮動的意思,也就是脫標不佔位置了。脫標叫做脫離文檔流。不佔據位置,如果還不知道啥意思,自己給自己一耳光吧,哈哈。

2-float的作用!

通過css定義float(浮動)讓div樣式層塊,向左或向右(靠)浮動。

3-float語法!

float : none | left |right

4-使用float會造成什麼危害,如何解決?

01-給父級元素單獨定義高度(height) --- 因爲父元素塌陷了。

02-在標籤結尾處加空div標籤 clear:both --- 一般情況不要添加無用的空div。

03-給父級div定義 僞類:after 和 zoom。

04-給父級div定義 overflow:hidden。--- 但是一定要考慮有沒有內容需要和這個div有重疊的情況。

(四)對定位的理解!

1-絕對定位 absolute 就是相對於父元素的非默認定位元素位置定位,這個會脫離標準流;

2-相對定位 relative 照自己原有的文檔流位置定位,不會脫離原有的文檔流;

3-固定定位 fixed 相對於瀏覽器窗口定位的,這個會脫離標準流;

4-靜態定位 static 一般不用;

(五)實現元素隱藏的方式有哪些?

1-Opacity:0

2-Display:none

3-Visibility:hidden

4-Position:-2000px

(六)對漸進增強和優雅降級的理解?

1-漸進增強

針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗;

2-優雅降級

一開始就構建完整的功能,然後再針對低版本瀏覽器進行兼容;

(七)表單form的屬性列舉3個?

1-methood=”get/post 請求方式;

2-action=url 請求路徑;

3-target=” _blank/_parent“ 前一個重新打開一個頁面,後一個直接本頁面跳轉;

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章