前端學習一：HTML和CSS

HTML及CSS是網頁布局的基礎，其基礎知識十分簡單，在這裡就不贅述，相關入門資料可以參考www.w3school.com。

在這裡作一些總結性及需要注意的知識點

1.CSS樣式可分為内聯和外聯以及嵌入，其格式分别為：

内聯：

<style type="text/css">

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

p {background-color: rgb(250,0,255)}

p.no2 {background-color: gray; padding: 20px;}

</style>

 嵌入式：

最初級的 CSS 寫法即把代碼直接添加于所修飾的标記元素。示例代碼如下：

<div style="font-family:Arial,Helvetica,sans-serif;">芒果</div>

外聯：

<link href="001.css" target="_blank" rel="external nofollow" type="text/css" rel="Stylesheet"/>

2.HTML 的标簽的屬性每個版本都有不同的支援

每個HTML控件都有标準屬性和一些其他的屬性，這裡可以定義HTML标簽的樣式

在javascript中style後面的屬性與在css中是不完全一樣的，比如obj.style.backgroundColor(某一對象的背景色)，而在css中是background-color,這是因為javascript中采取的命名方式是CamelCase命名法（每一個單詞的首字母小寫，後續單詞的首字母大寫），主要分成3種情況，如下：

javascript中和css中是相同的：比如border（單個單詞）、margin、padding等等；

不相同的，但是遵循CamelCase命名法：比如border-top（css中），JS中為borderTop，類似這種帶中間線的都可以這樣寫，另外有很多，marginTop，paddingTop等等；

這種比較特殊，float（css）,在JS中是floatStyle