天天看点

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