有关css的技巧与知识技能

html-css014

有关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从入门到精通视频教程

http://www.znccw.com/Article/pc/web/200703/5904.html

曹鹏CSS视频教程下载

http://www.znccw.com/Article/pc/web/200703/5906.html

CSS层叠样式表视频教程下载 金鹰教程系列

http://www.znccw.com/Article/pc/web/200703/5491.html

先帮你找这些,之后再补充给你吧

常用的术语之一,通常为了说明与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