前端開發面試題-HTML-CSS基礎類01

一、行內元素有哪些?塊級元素有哪些?CSS的盒模型?

塊級元素:div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
Css盒模型:內容,border ,margin,padding

二、前端頁面有哪三層構成,分別是什么?作用是什么?

結構層;主要指DOM節點;HTML/XHTML
樣式層;主要是指頁面渲染;CSS
腳本層:主要指頁面動畫效果;JS/AS

三、CSS引入的方式有哪些? link和@import的區別是?

內聯 內嵌 外鏈 導入
區別 :同時加載
前者無兼容性,后者CSS2.1以下瀏覽器不支持
Link 支持使用javascript改變樣式,后者不可

四、CSS選擇符號有哪些?

標簽選擇符,類選擇符,ID選擇符。
寫出幾種IE6 BUG的解決方法
1.雙邊距BUG float引起的 使用 display:inline
2.3像素問題 使用float引起的 使用 dislpay:inline -3px
3.超鏈接hover 點擊后失效 使用正確的書寫順序 link visited hover active
4.Ie z-index問題 給父級添加 position:relative
5.Png 透明 使用js代碼 改
6.Min-height 最小高度 !important 解決
7.select 在ie6下遮蓋 使用iframe嵌套
8.為什么沒有辦法定義1px左右的寬度容器
(IE6默認的行高造成的,使用 over:hidden,zoom:0.08 line-height:1px )

五、標簽上title與alt屬性的區別是什么?

Alt 當圖片不顯示是 用文字代表。
Title 為該屬性提供信息
Reset重置瀏覽器的css默認屬性 瀏覽器的品種不同,樣式不同,然后重置,讓他們統一

六、什么是語義化的HTML?

直觀的認識標簽 對于搜索引擎的抓取有好處
清除浮動的幾種方式,各自的優缺點
1.使用空標簽清除浮動 clear:both(理論上能清楚任何標簽,,,增加無意義的標簽)
2.使用 overflow:auto(空標簽元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用于兼容IE)
3.是用afert偽元素清除浮動(用于非IE瀏覽器)

七、IE和標準下有哪些兼容性的寫法

var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target

八、ajax請求的時候get 和post方式的區別

一個在url后面 (get)
一個放在虛擬載體里面 (post)
有大小限制
安全問題
應用不同 一個是論壇等只需要請求的,一個是類似修改密碼的

閉包 就是能夠讀取其他函數內部變量的函數。

添加 刪除 替換 插入到某個接點的方法

  obj.appendChidl() // 添加
  obj.innersetBefore() // 刪除
  obj.replaceChild()  // 替換
  obj.removeChild() //插入

javascript的同源策略

一段腳本只能讀取來自于同一來源的窗口和文檔的屬性,這里的同一來源指的是主機名、協議和端口號的組合

超鏈接四個狀態:

a:link{text-decoration:none ; color:#666 ;}
a:visited {text-decoration:none ; color:#666 ;}
a:hover {text-decoration:underline ; color:#000 ;}
a:active {text-decoration:none ; color:#000 ;}

加載順序不同,link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,792評論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,632評論 1 45
  • 1.行內元素和塊級元素?img算什么?行內元素怎么轉化為塊級元素? 行內元素:和有他元素都在一行上,高度、行高及外...
    極樂君閱讀 2,452評論 0 20
  • 一、理論基礎知識部分 1.1、講講輸入完網址按下回車,到看到網頁這個過程中發生了什么 a. 域名解析 b. 發起T...
    我家媳婦蠢蠢噠閱讀 3,159評論 2 106
  • 本文由我收集總結了一些前端面試題,初學者閱后也要用心鉆研其中的原理,重要知識需要系統學習、透徹學習,形成自己的知識...
    王鈺峰閱讀 491評論 0 2