dom結構
將網頁中的元素看做物件
可以被程式語言獲取或者編輯
響應式布局
乙個**相容多個終端
有哪幾種選擇器
標籤選擇器
類選擇器
id選擇器
全域性選擇器
父子選擇器
選擇器優先順序
!important (因為ie6不支援,所以可以作為hack手段)無條件優先順序
html中給元素加 style=" "
id選擇器
類選擇器
標籤選擇器
px em rem
px是相對於螢幕解析度
em相對於當前物件內文字的字型尺寸,
如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸
rem是相對於根元素,只需要修改根元素字型大小,就能修改整個檔案的字型大小
position
absolute:絕對定位,如果父元素設定了position屬性,並且屬性值是relative和absolute,那麼本元素是相對于父元素定位的,如果父元素沒有,那麼本元素是相對於瀏覽器的定位。也就是說 absolute定位的層總是相對於其最近的定義為absolute或relative的父層,而這個父層並不一定是其直接父層。如果其父層中都未定義absolute或relative,則其將相對body進行定位
relative:相對定位,相對于父元素的定位 父元素應該加上 position:relative 這句
fixed:固定定位,相對於瀏覽器視窗定位
static:預設值,沒有定位
inherit:從父元素繼承position屬性
塊級元素和內聯元素:
塊級元素哪些:div p form table ol ul h1(最大) h2 h3 h4 h5 h6(最小) hr
內聯元素哪些:a span input img b select
可變元素:button iframe map
區別:1)塊級元素會獨佔一行,其寬度自動填滿其父元素寬度
行內元素不會獨佔一行,相鄰的行內元素會排列在同一行裡,知道一行排不下,才會換行,其寬度隨元素的內容 而變化
2) 塊級元素可以設定 width, height屬性,行內元素設定width, height無效
【注意:塊級元素即使設定了寬度,仍然是獨佔一行的】
3) 塊級元素可以設定margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。(水平方向有效,豎直方向無效)
==和===區別:
==只需要變數的值相等即可
===要變數的值和型別都相同
null==undefined 返回true
null===undefined返回false
js中有哪些資料型別:
五種簡單的 一種複雜的
undefined未定義
null空
boolean布林
number數值
string字串
object
為什麼把css js檔案和html檔案分開
方便維護
提高網頁載入速度
js模組化
不同功能對應的js**放在不同的檔案中 便於維護
塊級元素哪些:
內聯元素哪些:
區別:
前端面試題
sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...
前端面試題
行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...
前端面試題
朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...