css教程(htmlcss基础教程主要内容有哪些)
1.html css基础教程主要内容有哪些
html css基础教程归纳如下：
第1、Html介绍
本章节主要讲解html和css样式的关系，以及html标签、html文件结构、head标签，最后讲解了在html中的注释代码的作用。
第2、认识标签（第一部分）
学完这一章节将对标签的使用有了一些初步的认识，可以使用标签制作出一篇简单的文章网页。下一章节将进一步学习另外一部分html标签。
第3、认识标签（第二部分）
本章节主要讲解列表、div及table标签使用，学完本章，可以在网页上展示一些信息列表及表格数据，使网页上的信息更加丰富
第4、认识标签（第三部分）
本章节主要讲解超链接标签、链接地址及图片标签，学习完这一章节可以把分散的单独的网页用链接标签有效的组织起来，达到网页之间可以相互跳转的作用。
第5、与浏览者交互，表单标签
每天都在网上冲浪，如果没有表单，人们就无法输入自己的个人信息来买东西，本章节主要从表单的作用、表单元素讲起，学习完本章，可以制出简单的用户登陆、注册页面。
第6、开始学习CSS，为网页添加样式
CSS是一个很神奇的东西，设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式：先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。
第7、CSS样式基本知识
这一章节主要讲解与CSS样式相关的基础知识：CSS样式的位置及相关的优先级，为后面的CSS样式具体学习打下基础。
第8、CSS选择器
本章主要介绍CSS的选择器，通过学习本章，能对元素进行样式的设置
第9、CSS的继承、层叠和特殊性
CSS中有一些概念是需要深刻理解的，此节开始将介绍CSS中的一些非常重要的概念包括CSS的继承、层叠和特殊性。
第10、CSS格式化排版
本章将详细介绍网页排版中主要格式化要素，帮助读者把CSS技术与网页编排紧密结合在一起，实现网页实用性与欣赏性相结合，实现出设计效果。
第11、CSS盒模型
盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究，以便为后面的学习和日后网页设计奠定扎实的基础。
第12、CSS布局模型
现在可以用所需的知识进行真正设计了，学习完本章节可以运用所学习的知识实现网页的多列布局，本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究，以便为后面制作复杂的网页打下基础。
第13、CSS代码缩写，占用更少的带宽
虽然CSS文件或者嵌入的CSS都纯文本文件，为了减少css样式代码的编写量，代码缩写是很有必要的。这样可以使用户访问网页的时候占用更少的带宽。
第14、单位和值
本章节对单位如颜色的单位和值等时行详细讲解。
第15、css样式设置小技巧
本章节对在日常前端开发中常用到css样式设置小技巧进行了讲解。
2.DIV+CSS技术如何入门
CSS是Cascading Style Sheets（层叠样式表单）的简称。
更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。
借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。 一. CSS学习重在方法！ 学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法！ 要想掌握CSS， 首先要学会HTML！ 再来谈一下学习过程中的细节，因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合的话， CSS就失去了存在的意义。
所以一般书中都会举一个例子，然后让你上机测试效果，这是笔者想让你有对样式表CSS有一个初步的印象，告诉你CSS能做什么。一个小例子：“麻雀虽小，五脏俱全”，你可能看不懂每一个语句的真正意思。
但是你可以记得例子的模式，以后在实践中不断地用，不断用的过程就是不断记的过程，所以不能恢心，不能总认为自己记忆力不好，但不管你骑的是牛也好，千里马也罢，只要有恒心，一定会到达终点的。 阅读一本书，一般来说第一次要先把整个书通读一遍，不理解的也要往下看，在往下看的过程中你也许会找到那个问题的答案。
看完后你有一个大概的印象，但一定有很多不明白的地方，没关系，继续往下看。第二遍你就要边看边做学习笔记了，把你认为是重点的部分写上，还有，你觉得有疑问的部分也要记下，带着疑问看下去，如果没有答案，你可以去BBS上发一个贴子，好心人还是很多的，提示一句：“一定要学会如何去问问题！” 。
你还要上机去练习书上的例子，最让你困惑的：“一是记不住，二是对概念的理解有误（这一条可能是书译的不好，另外就是你的理解不对）”，对于第一条你就要树立信心，坚持再坚持下去。当你到达终点时你回发现一切都是顺理成章的事。
因为你努力了，努力了就会有回报，有结果。 有好多人也看了，但是没有什么进步，主要有以下几个原因： 原因一：压力不够，因为有不少人比如美工学CSS，因为是看别人学，所以学之，不学就没优势！这样的压力是很小的，学不好还有美工这碗饭。
原因二：只是业余学习，这样学还只是玩一玩，因为你不一定非要以这门技术吃饭。 原因三：方法不对，有的人只是在看教程，但他不动手去做，我以前就是看的太多，做的太少，所以有了实践你才能把理论的东西揉进去。
二. 掌握CSS的四个学习阶段 阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。 阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术（我对HACK技术只是知道，但用的很少） 阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS,CSS译过来是重叠样式表，比如“DIV P SPAN”。
这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的优点所在，为什么不好好利用而一定要定义一个CLASS呢！ 阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。
良好的语义有这方面的文章，合理的CSS，这两方面以后一定会写专题来研究。三. CSS初学者常见问题： 第一个要求是缩图的正下方要有个标题。
作法相当直接了当：在你的 HTML 里放上图片，接着一个断行 （BR），再把标题放在一个段落 （P） 里并且置中 （利用 CSS）。 接着要让这些缩图跟标题成对地排列在浏览器窗口里。
使用表格排版时，这一对对的缩图跟标题会被分别放置在 TD 里。在使用 CSS 排版时，我们要把它们分别放置在 DIV 里。
为了让它们能水平排列在窗口上，我们用 CSS 让这些 DIV 往左浮动 （FLOAT）。 问题1：学CSS应该选什么样书来读？ 先推荐几本：《CSS权威指南》《网站重构》《网站布局实录》《HTML参考大全》 问题2：用什么软件编辑CSS代码？ 只要已经能达到会手写的程度，用什么软件都可以，推荐使用DreamWeaver外挂TopStyle（最新版本是Pro V3.12）。
问题3：先写HTML还是先写CSS？ 网上有很多种答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。两者一起写更适合初学者，先写CSS或者先写HTML对于初学者都不是恰当得的方法。
如果让一个人编写代码，你告诉他先写HTML，写完后 HTML不能修改了，然后你写CSS，如果他可以写出来，那这个人一定是一个水平非常高的Builder了！所以对于初学者，多数情况下建议同时编写，具体说一下步骤： 先要把站点建好，目录建好，比如我们建好文件夹CSS,IMAGES，这两个是最其本的，然后新建一个HTML文件，一个style.css一个空 的样式表，把HTML页连接到这个外部样式表。 然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些 布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。
写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部分，拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其它同理。
为。
3.CSS怎么学
css可以分为：内部样式，行内样式，外部样式，内部样式：是在做网页的<head></head>；中<style type="type-css">；填写你想写的东西</style>
行内样式：在<div><table><td><tr>；就是在这些中例如：<td style="">；这种格式
外部样式：在外面写一个CSS为后缀名的文件，通过在<head>；里面<link rel="stylesheet" href="你写的文件名" type="text/css">
以上就是css的总介绍
4.谁给个关于CSS的初学教程
楼主你好，首先很荣幸能得到你的邀请回答你的问题
其次，对于楼主想要的教程，也有一些，但可能不符合你的味口，可能看了半天仍无收获
然而我推荐楼主一个新手学习css的不错的方法，希望能够帮到你！
方法如下：
1.从局部出发：从一个小的部分的样式写起，目的是让你熟悉css样式的元素有哪些，那些元素都有一些什么作用，怎么样使用这些元素，以及div+css的属性有哪些？等等这一步是基础！
比如，我有一个层，里面包括标题列表还有背景图片，层的宽度高度这些属性，还要设置标题列表的字体样式颜色等等，能用的属性都用上，从一个小的层，实现各种能表现出来的形式；
2.整体布局很重要：有了第一步基础，你可以尝试布局框架，把网页分成一块一块，先把框框写好，各浏览器中测试不要错位了，可以先用不同的背景颜色看效果，不错位就行，框架ok了之后，这样你的而已应该就没问题了，你可以尝试更多方式写布局，两栏式，三栏式等都可以.
3.把整体跟局部结合，也就是把你第一步中的基础东西写好，往框架的层里面填充就好了！所以第一步很关键！
建议反复用这三步多加练习，你的css技术一定会上一台阶的！
另外推荐楼主一个不错的网站
多去学习，相信你会成功！
5.div+css教程教程
CSS/DIV页面布局设计
/category/css-div-web-design
CSS/DIV网页设计视频教程目录
2007年05月01日 星期二
欢迎您来到前沿视频教室，下面列出的是CSS/DIV网页设计视频教程列表，我们还会不断地推出相关的课程， 如果您有兴趣，欢迎您常来这里看一看！
CSS基础知识与核心概念
CSS初探 - CSS基本知识 - 第1课
CSS基本语法与核心概念 - CSS基本知识 - 第2课
设置丰富的文字效果 - CSS基本知识 - 第3课
CSS/DIV布局专题讲解
设置图片效果 - CSS/DIV专题讲解 - 第1课
设置网页背景 - CSS/DIV布局专题讲解 - 第2课
设置表格与表单的样式 - CSS/DIV布局专题讲解 - 第3课
设置页面和浏览器的元素 - CSS/DIV布局专题 - 第4课
用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 - 第5课
CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课
理解CSS定位与div布局 - CSS/DIV布局专题讲解 - 第7课
CSS排版 - CSS/DIV布局专题讲解 - 第8课
网页变幻 - CSS/DIV布局专题讲解 - 第9课
CSS与其他技术
CSS与Javascript的综合应用 - CSS与其他技术 - 第1课
CSS与XML的综合运用 - CSS与其他技术 - 第2课
CSS与AJAX的综合应用 - CSS与其他技术 - 第3课
CSS/DIV综合实践
博客设计DIY - CSS/DIV综合实践 - 第1课
小型工作室 - CSS/DIV综合实践 - 第2课
公司网站 - CSS/DIV综合实践 - 第3课
购物网站设计 - CSS/DIV综合实践 - 第4课
旅游观光网站设计 - CSS/DIV综合实践 - 第5课
