input標簽焦點線后移 ：text-indent
inpurt去除邊框：outline：none
attribute：屬性
行內元素設置成浮動之后變得更加像是inline-block（行內塊級元素，設置成這個屬性的元素會同時擁有行內和塊級的特性，最明顯的不同是它的默認寬度不是100%），這時候給行內元素設置padding-top和padding-bottom或者width、height都是有效果的
#
HTML加載過程：
1.加載html-dom結構
2.css和js
3.圖片和多媒體
4.加載時間觸發(fā)
注意： 當遇到script標簽的時候
? ? ? ? 瀏覽器暫停解析（不是暫停下載），將控制權交給JavaScript引擎（解釋器）
? ? ? ? ? 如果<script>標簽引用了外部腳本，就下載該腳本，否則就直接執(zhí)行，執(zhí)行完畢后將控制權交給瀏覽器渲染引擎
#
<!doctype html> html5的聲明
<!DOCTYPE HTML PUBLLC"...//W3C//DTD HTML 4.01//EN"“http：//www.w3.org/TR/html4/strict.dd”> html4聲明
”d“的大小寫不影響，！是著重聲明的意思，告訴游覽器這是一個html5的一個文件）
#
標簽
單標簽：<標簽名>?
6個單標簽? img input br hr link meta（meta決定了編碼格式）
雙標簽：<.標簽名></標簽名>
#
css 三種關聯方式
1.內聯css? ? ? ? ? ? ? ? 優(yōu)點：十分便捷高效
? 缺點：單一不重樣? 代碼量大不建議使用
2.頁級css/內部css? ? 修改時需要拉到頂部，可維護性較差
3.外聯 優(yōu)點：可維護性好 省去了每個頁面修改步驟
? ? 提高了開發(fā)效率，同時一定程度上提高了性能
關聯方式也存在優(yōu)先級 分別優(yōu)先是? 內聯>內部>外聯
?。。。。。?！
#
css樣式屬性
字體屬性：(font)
背景屬性： (background)
區(qū)塊屬性
方框屬性： (Box)
邊框屬性： (Border)
列表屬性： (List-style)
定位屬性： (Position)
詳細屬性看 css樣式筆記?。?！
#
CSS選擇器
class選擇器 .aa{css}
id選擇器 #aa{css}? ? id是唯一? css一般不用 js才用
element（元素） div{css}
#
a標簽的 target 屬性
_blank在新窗口中打開被鏈接文檔。_self默認。在相同的框架中打開被鏈接文檔。_parent在父框架集中打開被鏈接文檔。_top在整個窗口中打開被鏈接文檔。framename在指定的框架中打開被鏈接文檔。
錨點鏈接：
跳轉到當前頁面的指定位置
#
盒子模型
怪異盒子模型
標準盒子模型
#
布局
流逝布局
浮動式布局
彈性布局
網格布局
絕對定位布局
圣杯布局
雙飛翼布局
表格布局
#
響應式布局原理
響應式布局指的是同一頁面在不同屏幕尺寸下有不同的布局。傳統(tǒng)的開發(fā)方式是PC端開發(fā)一套，手機端再開發(fā)一套，而使用響應式布局只要開發(fā)一套就夠，缺點就是CSS比較重。
#
三種隱藏元素的方法
display：none；? 元素在頁面上將消失，不占據頁面空間，會導致瀏覽器的回流與重繪,不能響應交互類事件；
visibility：hidden? 元素在頁面占據的空間不變，所以它只會導致瀏覽器重繪而不會回流，也不能響應交互類事件；
opacity：0 元素在頁面占據的空間不變，不會導致瀏覽器回流或重繪（因為瀏覽器對于transform和opacity這兩種變化處理的方法為合成渲染），可以響應交互類事件。
overflow：hidden 多余的部分隱藏，且不占空間
