1、如何开始学习web标准?,1)有HTML和CSS基础 要求您有一定的html和css基础,制作过网页,会用表格进行网页布局,这样学习起来才会很轻松。如果您对这些还不懂,建议先学习这些知识,然后再来学习本教程。2)转变观念 在以前我们制作网站时,总是习惯于先考虑外观、颜色、字体及布局等所有表现在页面上的内容。但外观并不是最重要的,相反最终用户在访问网页时的体验才是优先要考虑的。一个由divcss布局且结构良好的页面可以通过css定义成任何外观,在任何网络设备上(包括手机、PDA和计算机)上以任何外观表现出来,而且用divcss布局构建的网页以够简化代码,加快显示速度。所以要想学好divcss,首
2、先要转变观念,需要抛弃传统的表格(Table)布局方式,采用层(DIV)布局,并且使用层叠样式表(CSS)来实现页面的外观。给网站浏览者更好的体验。,3)多动手、多动脑 说到这点,有点小儿科了,就像我们上小学时老师常常教我们的那样。为什么我在这里也做为一点列出来呢,我是通过评论发现,有些同学提的问题太没水平了,稍微动下脑筋就明白了,或者自己动手一试就知道了,但他就懒得试。举个简单的例子,拿浏览器兼容来说吧,你写个样式之后,在IE和火狐分别打开看一下不就明白了,但就是不去做。所以在这里告诫大家,一定要多动手、多动脑,不要怕麻烦。另外在学习完一节教程后,一定要自己做一遍实例,这样能更快掌握。,第一
3、课 初探CSS,1.1 CSS的概念 1.2 使用CSS控制页面,1.1 CSS的概念,CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 1.1.1 标记的概念(1-1.html) 1.1.2 HTML的缺陷(1-2.html) 1.1.3 CSS的引入(1-3.html),1.1.1标记的概念,页面标题CSS标记CSS标记的正文内容从这里开始,1.1.1标记的概念,1.1.2 HTML的缺陷,页面标题CSS标记1CSS标记的正文内容1CSS标记2CSS标记的正文内容2CSS标记3CSS标记的正文内容3
4、CSS标记4CSS标记的正文内容4,1.1.2 HTML的缺陷,1.1.3 CSS的引入,页面标题CSS标记1CSS标记的正文内容1CSS标记2CSS标记的正文内容2CSS标记3CSS标记的正文内容3CSS标记4CSS标记的正文内容4,1.1.3 CSS的引入,1.2 使用CSS控制页面,1.2.1 行内样式(1-5.html) 1.2.2 内嵌式 (1-6.html) 1.2.3 链接式(1-7.html) 1.2.4 导入样式(1-8.html),1.2.1 行内样式,页面标题正文内容1正文内容2正文内容3,1.2.1 行内样式,1.2.2 内嵌式,页面标题紫色、粗体、下划线、25px的效果1紫色、粗体、下划线、25px的效果2紫色、粗体、下划线、25px的效果3,1.2.2 内嵌式,1.2.3 链接式,页面标题CSS标题1紫色、粗体、下划线、25px的效果1CSS标题2紫色、粗体、下划线、25px的效果2,1.2.3 链接式,1.2.4 导入样式,页面标题CSS标题1紫色、粗体、下划线、25px的效果1CSS标题2紫色、粗体、下划线、25px的效果2CSS标题3紫色、粗体、下划线、25px的效果3,1.2.4 导入样式,