H5+css从入门到精通

当然css代码很多，不可能这么快就精通的，我们只能慢慢来
css层叠样式表是嵌套在html代码内部的

一般格式都是

这里有个老旧html  css代码的对比

#header,#siderLeft,#siderRight,#footer{
	border:solid 1px #666;
	padding:10px;
	margin:6px;
}
#header {width:500px}
#siderLeft{
	float:left;
	width:60px;
	height:100px;
}
#siderRight{
	float:left;
	width:406px;
	height:100px
}
#footer{
	clear:both;
	width:500px;
}



导航

菜单

内容

底部说明

这里是新的html  css代码

header,nav,article,footer{
	border:solid 1px #666;
	padding:10px;
	margin:6px;
}
header {width:500px}
nav{
	float:left;
	width:60px;
	height:100px;
}
article{
	float:left;
	width:406px;
	height:100px
}
footer{
	clear:both;
	width:500px;
}



导航
菜单
内容
底部说明

这里我们来发现一个超链接引用css文件的方式和h5里面引用css里面定义的类的一般格式

  
    
  

  
    
      
      
        运维工具

这里注意了h5 里面的引用超链接有相对路径和绝对路径的区别

链接 
其中，url可以是一个绝对网址，比如：http://www.xuexuexi.com;也可以是一个相对的网页。如：123.html；还可以是其它
文件。比如pdf，doc等等。还有一种是根目录的方式，根目录其实跟绝对路径有些相似，就是去掉前面的域名即可，比如：链接，