css基本知识怎么学

html-css010

css基本知识怎么学,第1张

结合我的经历

1、找人给你讲解一下css的基础知识

2、看别人布局一个页面出来,自己动手照猫画虎的试着布局

3、经常翻翻css手册,不会的多问,上网查

4、学习标准,规范书写

5、开始写简单的页面 以至网站

至于每个阶段的时间看你的掌握情况了 还有其他知识的积累情况 如 html 等

书籍的推荐 用我以前的答案

css的手册 及简单教程

简单的初级教程 (电子书)

http://download.csdn.net/source/439872

很不错的新版css手册2.0

http://download.csdn.net/source/513748

css的经典书籍

《css商业布局之道》中国的 还有一本《O`REILLY CSS 权威指南中文版》

这2本是我读过最牛的css书籍

有关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的样式、框模型、定位、选择器都是重点

CSS样式: 背景/文本/字体/列表 这些都是比较常用的

CSS框模型:主要的内边距padding与外边距margin的熟练使用与浏览器的兼容问题

CSS定位:相对定位/绝对定位/浮动的灵活使用

CSS选择器:这个不必多说,肯定是重点。

我认为学习CSS,可以先学习重点,然后开发项目,在项目中再学习其他的知识!希望帮助到你!