有关css的技巧与知识技能
1个回答
展开全部
有关css的技巧与技能
要通晓只能从最根底学起。
你对峙把《曹鹏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 时分 看看他人的网
要通晓只能从最根底学起。
你对峙把《曹鹏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 时分 看看他人的网
参考资料: 参考链接:http://www.96jk.net/t/239145096.shtml
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询