又到了一年一對(duì)的招生季，面對(duì)各個(gè)企業(yè)的高要求，剛剛走出學(xué)校的大學(xué)生因?yàn)闆](méi)有實(shí)驗(yàn)項(xiàng)目的原因，導(dǎo)致經(jīng)驗(yàn)不足，今天匯仁智杰小編就將需要新人學(xué)的知識(shí)點(diǎn)整理成為筆記，希望能夠幫到想要學(xué)習(xí)的你。
一：<!DOCTYPE HTML>
! 聲明，注意的意思；
doc document 文檔的意思；
type 類(lèi)型的意思；
html就不用解釋了；
連在一起的意思就是：注意，文檔的類(lèi)型是HTML。也就是聲明你寫(xiě)的文件的文檔類(lèi)型，方便瀏覽器解析。
二：<meta charset="UTF-8"/>
聲明代碼的編碼格式
注意：有些時(shí)候你聲明了以UTF-8編碼，但是在實(shí)際網(wǎng)頁(yè)中中文還是顯示亂碼，這時(shí)候你可以去看看保存文件的時(shí)候是否采用UTF-8編碼保存，因?yàn)橹挥斜４嫖募母袷胶途W(wǎng)頁(yè)聲明的編碼一致才不會(huì)導(dǎo)致亂碼。
三：CSS樣式表
三種形式：內(nèi)部樣式表，外部樣式表（<link href="style.css" rel="stylesheet"/>），內(nèi)聯(lián)樣式表。
四：background復(fù)合屬性
repeat:背景圖重復(fù)，默認(rèn)就是背景圖重復(fù)，還有no-repeat(背景圖不重復(fù))，repeat-x(水平軸上背景圖重復(fù))，repeat-y(豎直背景圖重復(fù))
10px(x軸),50px(Y軸)也可為負(fù)數(shù)。center top(水平居中，豎直在頂端),fixed(背景固定，不管怎么拖動(dòng)滾動(dòng)條，該背景圖都固定在相應(yīng)位置。)
五：border復(fù)合屬性
border-width:邊框?qū)挾龋?br/> border-style：邊框樣式；（solid 實(shí)線(xiàn),dashed 虛線(xiàn)，dotted 點(diǎn)線(xiàn),IE6不兼容）
border-color:邊框顏色；
六：padding內(nèi)邊距
padding屬性:上右下左
注意：內(nèi)邊距相當(dāng)于給一個(gè)盒子加了填充厚度會(huì)影響盒子的大小，若想盒子大小保持不變，就要減少相應(yīng)長(zhǎng)寬.
七：margin外邊距
塊與塊之間的距離。
注意：
1，上下外邊距會(huì)疊加，即上下兩個(gè)div,設(shè)置上一個(gè)div的margin-bottom為30px,設(shè)置下面div的margin-top為30px,設(shè)置后總的外邊距還是為30px,不會(huì)為60px;
2, <div id="box1"><div id="box2"></div></div>若設(shè)置box2的margin-top為10px,它的父div依舊也會(huì)有margin-top=10px的現(xiàn)象，即父子級(jí)包含的時(shí)候子級(jí)的margin-top會(huì)傳遞給父級(jí)。
設(shè)置margin-right:auto,被設(shè)置對(duì)象會(huì)靠左；
設(shè)置margin-left:auto,被設(shè)置對(duì)象會(huì)靠右；
設(shè)置margin:auto 0 ,被設(shè)置對(duì)象會(huì)水平居中。
八：盒模型
九：常見(jiàn)樣式
結(jié)構(gòu)樣式：width:寬度；
height：高度；
background：背景；
border：邊框；
padding： 內(nèi)邊距；
margin： 外邊距；
文本樣式：font-size:文字大?。ㄒ话銥榕紨?shù)，最小一般設(shè)置為12px）
font-family:字體；
color:文字顏色；
line-hight：行高；
text-align:文本對(duì)齊方式；
text-indent：文本縮進(jìn)(2em);
font-weight:文字著重；
font-style:文字傾斜；
text-decaration:文本修飾（下劃線(xiàn)，上劃線(xiàn)，刪除線(xiàn)）
letter-spacing:字母間距；
word-spacing:單詞間距；
今天小編就整理這些，稍后更新接下來(lái)的整理的內(nèi)容，希望能幫到您。
