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" 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