前端css面試題

A. Web前端面試題：CSS定位方式有哪些

HTML+CSS 1.對WEB標准以及W3C的理解與認識 標簽閉合、標簽小寫、不亂嵌套、提高搜索版機器人搜索幾率權、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼

B. 最近遇到前端面試題，css方面，BFC的表現有哪些

讓你面試狠狠我這可以說一下，如果不知道的話，可以請一下老師可以告訴你一下

C. 有一個前端面試題，多人項目中你將如何規劃css文件,樣式命名

.class1 .class2{xxxxxxxxx} class1下面的 class2 樣式 .class2.red{xxxxxx} 同時具有 class2 和 red 的樣式

D. web前端面試題 什麼是 css hack

一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack。
IE瀏覽器Hack一般又分為三種，條件Hack、屬性級Hack、選擇符Hack（詳細參考CSS文檔：css文檔）。例如：
// 1、條件Hack
<!--[if IE]>
<style>
.test{color:red;}
</style>
<![endif]-->
// 2、屬性Hack
.test{
color:#090\9; / For IE8+ /
color:#f00; / For IE7 and earlier /
_color:#ff0; / For IE6 and earlier */
}
// 3、選擇符Hack
html .test{color:#090;} / For IE6 and earlier /

html .test{color:#ff0;} / For IE7 /
6、簡述同步和非同步的區別
同步是阻塞模式，非同步是非阻塞模式。
同步就是指一個進程在執行某個請求的時候，若該請求需要一段時間才能返回信息，那麼這個進程將會一直等待下去，直到收到返回信息才繼續執行下去；
非同步是指進程不需要一直等下去，而是繼續執行下面的操作，不管其他進程的狀態。當有消息返回時系統會通知進程進行處理，這樣可以提高執行的效率。

E. 前端面試題，就是一個矩形，上下左右各有一條線，如果只用一個div，css應該怎麼實現，效果如下圖

div{
width:130px;
height:130px;
border-radius:4px;
border:1pxsolid#333;
box-shadow:inset005px5px#ccc;
}

F. 誰有html，css，javascript的面試題和筆試題，不勝感激，追加高分

我也是參加過不少前端的筆試題，其實html+CSS+js的重點就在javascript，html和CSS很難的出現什麼題目專，一般是ajax的實現原理，屬ajax同步和非同步的區別，call和apply的區別，javascript的數據類型，js的繼承機制是如何實現的，定義function的幾種方法，function中如何實現變數的私有和公有化，js的閉包是什麼意思，jquery對javascript做了那些封裝，等等，一般就問這些問題，

G. web前端面試經常問到的面試題有哪些

Web前端經常被問到的面試題及答案

一、HTML+CSS

1.對WEB標准以及W3C的理解與認識

標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外
鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維
護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性;

2.xhtml和html有什麼區別

HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言

最主要的不同：

XHTML 元素必須被正確地嵌套。

XHTML 元素必須被關閉。

標簽名必須用小寫字母。

XHTML 文檔必須擁有根元素。

3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?

用於聲明文檔使用那種規范(html/Xhtml)一般為 嚴格 過度 基於框架的html文檔

加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug

4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?

塊級元素：div p h1 h2 h3 h4 form ul

行內元素: a b br i span input select

Css盒模型:內容，border ,margin，padding

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

內聯 內嵌 外鏈 導入

區別 ：同時載入

前者無兼容性，後者CSS2.1以下瀏覽器不支持

Link 支持使用javascript改變樣式，後者不可

6.CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先順序高?

標簽選擇符 類選擇符 id選擇符

繼承不如指定 Id>class>標簽選擇

後者優先順序高

7.前端頁面有哪三層構成，分別是什麼?作用是什麼?

結構層 Html 表示層 CSS 行為層 js

8.css的基本語句構成是?

選擇器{屬性1:值1;屬性2:值2;……}

9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?

Ie(Ie內核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

二、Javascript

1.javascript的typeof返回哪些數據類型

Object number function boolean underfind

2.例舉3種強制類型轉換和2種隱式類型轉換?

強制(parseInt,parseFloat,number)

隱式(== – ===)

3.split() join() 的區別

前者是切割成數組的形式，後者是將數組轉換成字元串

4.數組方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部刪除

Unshift()頭部添加 shift()頭部刪除

5.事件綁定和普通事件有什麼區別

6.IE和DOM事件流的區別

1.執行順序不一樣、

2.參數不一樣

3.事件加不加on

4.this指向問題

7.IE和標准下有哪些兼容性的寫法

Var ev = ev || window.event

document.documentElement.clientWidth || document.body.clientWidth

Var target = ev.srcElement||ev.target

8.ajax請求的時候get 和post方式的區別

一個在url後面 一個放在虛擬載體裡面

有大小限制

安全問題

應用不同 一個是論壇等只需要請求的，一個是類似修改密碼的

9.call和apply的區別

Object.call(this,obj1,obj2,obj3)

Object.apply(this,arguments)

10.ajax請求時，如何解釋json數據

使用eval parse 鑒於安全性考慮 使用parse更靠譜

11.b繼承a的方法

12.寫一個獲取非行間樣式的函數

function getStyle(obj,attr,value)

{

if(!value)

{

if(obj.currentStyle)

{

return obj.currentStyle(attr)

}

else

{

obj.getComputedStyle(attr,false)

}

}

else

{

obj.style[attr]=value

}

}

H. web前端面試題css的選擇器哪些可以繼承

三種基本的抄選擇器類型
語法如下：
◆標簽名選擇器，如：p{}，即直接使用HTML標簽作為選擇器。
◆類選擇器，如.polaris{}。
◆ID選擇器，如#polaris{}。
所有元素可繼承：visibility和cursor。
內聯元素可繼承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
終端塊狀元素可繼承：text-indent和text-align。
列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。

I. Web前端面試題：CSS 選擇符有哪些

三種基本的選擇器類型語法如下：◆標簽名選擇器，如：p{}，即直接使用HTML標簽作為選擇器。◆回類選擇器，如答.polaris{}。◆ID選擇器，如#polaris{}。所有元素可繼承：visibility和cursor。內聯元素可繼承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。終端塊狀元素可繼承：text-indent和text-align。列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。

J. web前端面試題：CSS引入的方式有哪些

三種方式使用css樣式

1. 寫在文件裡面，使用style標簽
   

2. 寫在標簽裡面。例如<p style="color:red">內容</p>

3. 單獨寫版一個文件，<link rel="stylesheet" href="css/style.css" />href裡面是權css文件的路徑，根據自己的實際情況進行變化