有关css的技巧与知识技能

html-css019

有关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网页样式与布局》,是入门必备的书本,里面的内容简单易懂,推荐新手来看,我也是在暑假的时候,在书店看到的,泡了一个多月,算是入门了,以后还有多看些源码,多运用。