今天在别的地方看到一个DIV+CSS的学习教程,感觉还不错,于是自己也跟着学习然后记录下,便于以后查看。
在过去的页面中,我们经常会使用表格来进行布局,而使用CSS排版后,会使网页代码简洁,表现和内容相分离,维护方便,能兼容更多的浏览器,也能在移动设备上更好的进行浏览操作。
A. CSS的样式加载可以有以下四种方式
1. 外部样式
如: <link href="other.css" rel="stylesheet" type="text/css"/>,这样就可以将other.css资源文件加载到当前页面中,这样的好处时other.css文件可以被多个页面使用,能够很好的重用。
2.内部样式
如:
<style type="text/css"> h2{ color:red; } </style>该样式写在head标签内部,只能供当前页面使用,不能在其他页面进行使用。
3.行内样式
如:
<p style="color:red;">Hello,World!!</p>该样式只能作用于当前的标签,所以一般不建议使用。
4.导入样式
如:
@import url("global.css");
这个一般是在css文件中导入其他的css文件,就跟我们在写jsp页面时,用include标签导入其他页面类似。
B.css的优先级问题
1.id的优先级高于class
即当我们写 #cssIdname这样的样式和.cssclassName时,#cssIdname会生效
2.后面的样式会覆盖前面的样式
3. 指定的样式高于覆盖样式
4.行内样式高于其他
相关推荐
html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习...
DIV+CSS布局示例 网页制作 制作网站 学习网站不错的资料
div+css做的几套购物网站模板,适用于初学者参考学习的顶级资料。
不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准。 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,...
DIV+CSS学习基础规则大全,精心整理的HTML网页设计基础规则知识,从菜鸟到高手都需要了解的HTML知识。
DIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSSDIV+CSS
用DIV+CSS设计的网站,对DIV+CSS的设计及应用更好地学习DIV+CSS
DIV+css学习笔记DIV+css学习笔记
40款网页模板源文件(DIV+CSS),40款网页模板源文件(DIV+CSS),40款网页模板源文件(DIV+CSS)
今天看到一个Div+CSS 布局的经典教程,奉献给大家,...教程共分5 节,其实就一点点内容,不过通过学习,一定能让你领会到DIV+CSS 的精髓,不要嫌文字多,一个小时一定能让你学完,当然是针对熟悉网页制作 基础的朋友。
div+css布局大全PDF电子书,是学习div+css的好资料。
这是一个非常适用学习的DIV+CSS+JQUERY的学习模板,可以好好研究。
CSS实例,20章教程;20个DIV+CSS的实例,详细介绍了css布局,学习DIV+CSS的初级良好教程
一款div+css做的网站,有助于学习div+css网站技术.
div+css网页布局学习
DIV+CSS课件,帮助大家系统的学习网页制作的知识,欢迎大家下载学习
div+css网站布局案例精粹(第2版)30个书本案例代码及文件,学习必备。另有50个赠送案例的全部代码及文件,因小弟只有最大60MB上传权限,所以只能分两个资源上传。
对于一个开发人员来讲尤其是网站开发人员必须要懂的这些
DIV+CSS源文件,学习用的经典实例,不要错过,
韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记