前端学习一：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