即將畢業的軟體工程大學生一枚，秋季招聘應聘的是Android，今年來到公司實習，要求做前端開發，所以一切只有現學，現在根據視頻來學習，然後開這個博客記錄一下自己的學習過程，廢話不多說，開寫。 4月6日學到的知識點： 一：<!DOCTYPE HTML> ! 聲明，註意的意思； doc document ...
即將畢業的軟體工程大學生一枚，秋季招聘應聘的是Android，今年來到公司實習，要求做前端開發，所以一切只有現學，現在根據視頻來學習，然後開這個博客記錄一下自己的學習過程，廢話不多說，開寫。
4月6日學到的知識點：
一：<!DOCTYPE HTML>
! 聲明，註意的意思；
doc document 文檔的意思；
type 類型的意思；
html就不用解釋了；
連在一起的意思就是：註意，文檔的類型是HTML。也就是聲明你寫的文件的文檔類型，方便瀏覽器解析。
二：<meta charset="UTF-8"/>
聲明代碼的編碼格式
註意：有些時候你聲明瞭以UTF-8編碼，但是在實際網頁中中文還是顯示亂碼，這時候你可以去看看保存文件的時候是否採用UTF-8編碼保存，因為只有保存文件的格式和網頁聲明的編碼一致才不會導致亂碼。
三：CSS樣式表
三種形式：內部樣式表，外部樣式表（<link href="style.css" rel="stylesheet"/>），內聯樣式表。
四：background複合屬性
repeat:背景圖重覆，預設就是背景圖重覆，還有no-repeat(背景圖不重覆)，repeat-x(水平軸上背景圖重覆)，repeat-y(豎直背景圖重覆)
10px(x軸),50px(Y軸)也可為負數。center top(水平居中，豎直在頂端),fixed(背景固定，不管怎麼拖動滾動條，該背景圖都固定在相應位置。)
五：border複合屬性
border-width:邊框寬度；
border-style：邊框樣式；（solid 實線,dashed 虛線，dotted 點線,IE6不相容）
border-color:邊框顏色；
六：padding內邊距
padding屬性:上右下左
註意：內邊距相當於給一個盒子加了填充厚度會影響盒子的大小，若想盒子大小保持不變，就要減少相應長寬.
七：margin外邊距
塊與塊之間的距離。
註意：1，上下外邊距會疊加，即上下兩個div,設置上一個div的margin-bottom為30px,設置下麵div的margin-top為30px,設置後總的外邊距還是為30px,不會為60px;
2, <div id="box1"><div id="box2"></div></div>若設置box2的margin-top為10px,它的父div依舊也會有margin-top=10px的現象，即父子級包含的時候子級的margin-top會傳遞給父級。
設置margin-right:auto,被設置對象會靠左；
設置margin-left:auto,被設置對象會靠右；
設置margin:auto 0 ,被設置對象會水平居中。
八：盒模型
九：常見樣式
結構樣式：width:寬度；
height：高度；
background：背景；
border：邊框；
padding ： 內邊距；
margin： 外邊距；
文本樣式：font-size:文字大小（一般為偶數，最小一般設置為12px）
font-family:字體；
color:文字顏色；
line-hight：行高；
text-align:文本對齊方式；
text-indent：文本縮進(2em);
font-weight:文字著重；
font-style:文字傾斜；
text-decaration:文本修飾（下劃線，上劃線，刪除線）
letter-spacing:字母間距；
word-spacing:單詞間距；
以上是今日所學的所有知識點總結，多學多用多記，fighting!!!!!!!!!!!!!!!
