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
區別:
==和===區別:
==只需要變量的值相等即可
===要變量的值和類型都相同
null==undefined 返回true
null===undefined返回false
js中有哪些數據類型:
五種簡單的 一種複雜的
undefined未定義
null空
boolean布爾
number數值
string字符串
object
爲什麼把css js文件和html文件分開
方便維護
提高網頁加載速度
因爲瀏覽器有緩存,所以儘管第一次下載網頁的速度相對於不分開來說比較慢,但是以後的下載速度就會比較快
js模塊化
不同功能對應的js代碼放在不同的文件中 便於維護
塊級元素哪些:
內聯元素哪些:
區別: