要通晓只能从最根底学起。
你对峙把《曹鹏CSS视频教程》 看完,你就根本可以完成DIV+CSS结构了,我是过去人,我花了4地利间看完的,要边看边随着他做
1) 为什么需求CSS款式表?
Ø 引入:
前频频课所学的标签,在网页中出现出的结果,比拟复杂,款式比拟单一。
CSS次要用于改动网页中标签的款式,使网页变得更华美。可以从表面上更能吸引读者。CSS相称于华美的衣服
款式表能完成内容与款式的别离,方便团队开辟。
1. 款式表的根本语法
1) 款式表的根本构造。
2) 款式规矩并举例阐明。
3) 引入类款式。
Ø 讲堂案例:款式表的根本语法
2. 文本属性
引入:
起首从文本的巨细,颜色,字体等来描绘文本属性。
夸大用款式来完成文本的巨细颜色字体的表现的益处
3. 讲堂训练
做“请求表”的表单训练,参考“讲堂联络案例\讲堂训练1”。
4. 配景属性
Ø 引入:
起首从文本的巨细,颜色,字体等来描绘文本属性。
Ø 解说要点:
backcolor , background-image ,background-repeat 3个属性的根本用法。
Ø 留意:
1) Background-repeat 的运用场所:当用较小的gif图片作为网页配景时,就会用到怎样反复的成绩,是横向照旧纵向。
2) 款式另有一种简便的写法便是吧种种属性安排在一同,用空格离隔,如下所示:
Body{
Background:#999ff00
url(../image/css_tutorials/background.jpg)
no-repeatfixed 40px 100px
}
Ø 讲堂案例:
background.html
Ø 验证案例:
增补案例\怎样用CSS来控制网页配景.Html
5. 方框属性
Ø 引入:
起首从文本的巨细,颜色,字体等来描绘文本属性。
Ø 解说要点:
1) 盒子形式:以网页中放入的一副图片,阐明盒子形式计划的种种界限、添补、边框的寄义。
2) 使用边框属性、添补属性,制造罕见的表格多列中分界限款式。
3) 使用边框属性,制造细边框输出框款式。
Ø 讲堂案例:
逐一引见常用的款式属性
Ø 验证案例:
6. 特别款式
Ø 解说要点:
无下划线的超俩链接的制造办法。
Ø 讲堂案例:
逐一引见常用的款式属性\none_underLineLinkCSS.html
Ø 验证案例:
7. 讲堂训练2
训练相似网上教程的框架页面,参考“讲堂案例\讲堂训练2”。
8. 制造图片按钮
Ø 解说要点:
图片按钮的制造办法。
Ø 讲堂案例:
逐一引见常用的款式属性\registerCss2.html
Ø 验证案例:
9. 三类款式的使用场所
Ø 解说要点:
其他参考材料对三类款式的称谓能够纷歧样,比方有的称为“内嵌(即行内款式)”、“外部(内嵌款式)”、“内部(内部款式)”款式表。
Ø 讲堂案例:
款式表的三类使用方法
Ø 验证案例:
10. 总结
Ø 方框属性有哪些常用属性?并辨别阐明其寄义?
Ø 超链接款式有哪几种?
Ø 内嵌款式表、行内款式表、内部款式表文件辨别实用什么场所?
CSS 提及来也没什么本领
网上下个CSS 手册
弄懂那些工具
再 本人做几个页面 div+css 时分 看看他人的网
常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。 CSS是英语Cascading Style Sheets(层迭样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。此教程很适合新手,讲的还可以 ,高老师直接在记事本里面操作,很专业,呵呵,教程5节从最简单的标记开始,到页面布局,到最后直接模仿一个门户站的首页。很不错的视频。
《DIV.CSS应用视频教程》(DIV.CSS应用培训教程 DIV+CSS视频教程)[压缩包] 高清视频教程共5节 480M