HTML/CSS面试题(收集)
1、目前主流的瀏覽器以及其內核名有哪些?
點這里查看
2、內元素和塊級元素的區別?
行內元素:不會獨立出現在一行,單獨使用的時候后面不會有換行符的元素。eg:span, strong, img, a 等。這些元素,默認的高寬,總是其內容的高寬。并且,margin和padding值,只有左右有效。
塊級元素:獨立在一行的元素,他們后面會自動帶有換行符。eg:div , p ,form , ul , li , ol , dl 等。它們的出現,往往獨自占領一行。在沒有設置寬度的情況下,默認寬度總是其父元素的寬度。
行內元素轉換成塊元素,只要設置其display屬性為block即可,display:block; 。塊元素轉換成行內元素,只要將其display屬性設置為inline即可,display:inline;。
3、Doctype作用?
<!DOCTYPE>告知瀏覽器的解析器用什么文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。
4、引入樣式時,link和@import的區別?
鏈接樣式時,link只能在HTML頁面中引入外部樣式
導入樣式表時,@import 既可以在HTML頁面中導入外部樣式,也可以在CSS樣式文件中導入外部CSS樣式。
5、html5有哪些新特性?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?
HTML5 現在已經不是 SGML 的子集,主要是關于圖像,位置,存儲,多任務等功能的增加。
(1)繪畫 canvas;
(2)用于媒介回放的 video 和 audio 元素;
(3)本地離線存儲 localStorage 長期存儲數據,瀏覽器關閉后數據不丟失;
(4)sessionStorage 的數據在瀏覽器關閉后自動刪除;
(5)語意化更好的內容元素,比如 article、footer、header、nav、section;
(6)表單控件,calendar、date、time、email、url、search;
(7)新的技術webworker, websocket, Geolocation;
IE8/IE7/IE6支持通過document.createElement方法產生的標簽,可以利用這一特性讓這些瀏覽器支持HTML5新標簽,瀏覽器支持新標簽后,還需要添加標簽默認的樣式。當然也可以直接使用成熟的框架、比如html5shim;
6、關于定位
一共有5個值,分別是:absolute fixed relative static inherit。
absolute 生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。
fixed 生成絕對定位的元素,相對于瀏覽器窗口進行定位。
relative 生成相對定位的元素,相對于其正常位置進行定位。
static 默認值。沒有定位,元素出現在正常的流中
inherit 規定應該從父元素繼承 position 屬性的值
注:relative是相對其自身的位置變動的。absolute是會向上找其父元素,直到找到不是static定位的元素進行定位。一般在使用absolute的時候,都會給其父元素設置position:relative屬性,使其基于父元素定位。
7、
總結
以上是生活随笔為你收集整理的HTML/CSS面试题(收集)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux下I2C驱动发送IO时序,笔记
- 下一篇: mac 安装nodejs_阿里开源——用