又到了一年一對的招生季,面對各個企業的高要求,剛剛走出學校的大學生因為沒有實驗項目的原因,導致經驗不足,今天匯仁智杰小編就將需要新人學的知識點整理成為筆記,希望能夠幫到想要學習的你。
一:<!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:單詞間距;
今天小編就整理這些,稍后更新接下來的整理的內容,希望能幫到您。