学习笔记

前言;一切为了补血。

 一:W3C是什么?W3C(World Wide Web Consortium)就是一个组织,一个出网页标准的页面。那么由W3C组织出的标准即被称为W3C标准,符号W3C标准的页面就是标准页面了。

二:css控制页面的四种样式:行内样式,内嵌样式,链接样式,导入样式。

1、  行内样式:,直接对HTML标签使用style=""。

<p style="color:#F00; background:#CCC; font-size:12px;"></p>

缺点:,在制作页面癿时候需要为很多的标签设置style属性,所以会寻致HTML页面不够纯净,文件体积过大,不利搜索蜘蛛爬行,仍而寻致后期维护成本高。

2、  内嵌样式:代码写在<head></head>之间,并且用<style></style>进行声明

 demo
1 <style type="text/css">
2
3 body,div,a,img,p{margin:0; padding:0;}
4
5 a{color:#FFF;}
6
7 img{float:left;}
8
9 </style>


3、  链接样式:,实现了页面框架HTML代码与表现CSS代码的完全分离,使得前期制作和后期维护都十分方便

4、  导入样式和链接样式比较相似,采用import斱式寻入CSS样式表,在HTML初始化时,会被寻入到HTML文件中,成为文件癿一部分,类似第二种内嵌样式。

四种样式的优先级(按照就近原则):行内样式 > 内嵌样式 > 链接样式 > 导入样式

 

关于ID选择器:ID选择器在某一个HTML页面中只能使用一次,就像只有一个身份证 (ID)一样,不重复!

关于类选择器:一个标签可以有多个类选择器的值,不同的值用空格分开,如:

<div class="one yellow left">一个标签可以有多个类选择器的值</div>

这样我们可以将多个样式用到同一个标签中,当然也可以ID和class一起用

 

浏览器的重置问题:

为了保证作出的页面能够兼容多种浏觅器,所以要对HTML内的所有的标签进行重置,会将下面的代码加到CSS文件的最顶端:

*{margin:0; padding:0;}

为什么要这么用呢,因为每种浏觅器都自带有CSS文件,如果一个页面在浏觅器加载页面后,发现没有CSS文件,那么浏觅器就会自动调用它本身自带的CSS 文件,但是 不

同的浏觅器自带的CSS文件又都不一样,对不同标签定义的样式不一样,如果我们想让作出的页面能够在不同的浏觅器显示出来的效果都是一样的,那举我们就需要对HTML标签重置,就是上面的代码了,但是返样也有不好的地方,因为HTML4.01中有89个标签,所以相当于在页面加载CSS的时候,先对返89个标签都加上了{margin:0; padding:0;},在这里我不建议大家这么做,因为89个标签中需要重置的标签是极少数,没有必要将所有的标签都重置,用到哪些标签就定义哪些标签,如下:

body,div,p,a,ul,li{margin:0; padding:0;}

posted @ 2012-03-01 23:25  清晨の雨露  阅读(170)  评论(0编辑  收藏  举报