前沿视频教室————最好的CSS和Web设计与开发的视频教程

第0课《CSS设计彻底研究》简介

《CSS设计彻底研究》共分为23讲，对CSS网页设计进行深入的讲解。

本书及本视频教程面向的读者，希望具备以下两点基本要求：

1：具有一定网页制作基础的读者，希望读者已经对HTML的基本元素有所了解。

2：具有钻研的精神和热情。

本节课时长15分53秒，下载文件14.1兆字节。下载的视频文件为FLV格式，推荐使用“Riva Flv Player”软件播放，点击这里下载。

以下为本课的讲义，供大家参考。

43,087

这篇文章发表于 2007年11月14日 星期三 6:10 pm，并被分类于CSS核心基础。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。 您可以对这篇文章发表一条评论，或者在您自己的网站中引用 (Trackback) 它。

欢迎您发表留言

62条留言

• At 2011.11.15 23:24, 小郝 留言:

  我前几天买了教材，我边看视频边看书，觉得还挺好学，但有些地方视频上也没讲，只是简单介绍了下，我看书也还是不懂，我希望以后把视频做的再稍微详细点就好了，谢谢。

  [回复]
• At 2011.10.28 07:10, 赵文东 留言:

  我想我们应该建立一个论坛的形式的会更高，这个书的确很好！

  [回复]
• At 2011.10.15 06:56, 《CSS设计彻底研究》视频教程目录 | 非礼勿言 - 不得言 留言:

  […] 核心基础 第0课 《CSS设计彻底研究》简介 第 1课 CSS与(X)HTML核心基础（上） 第 1课 CSS与(X)HTML核心基础（中） 第 1课 […]

  [回复]
• At 2011.07.19 20:44, vikit56 留言:

  老师，购买了你那本《精通DIV+CSS》之后，很受益，而且用的很熟练了。我是大三的计算机专业的学生，最近在找单位实习，但是只学习这个似乎没有多大的用处，现在静态的网页不仅仅要求只会这个div+css了。要求flash和ps都要会，但是我对这两个没有大多的兴趣，老师能给我提一个意见，再去学习哪一门技术或者语言，在今后找工作比较好点的呢？期待老师回复，谢谢

  [回复]
• At 2011.06.04 20:39, 小 jas 留言:

  视频看不了，文件也下载不了，郁闷！

  [回复]
• At 2011.05.29 22:50, 970 留言:

  经常看到半路就不动了，而且也不能下载

  [回复]
• At 2011.03.15 14:11, 河狸 留言:

  我是通过前沿视频教学走了，美工道路的，真的很感谢，前沿，我会继续关注你们，加油！！！！！

  [回复]
  • At 2011.03.16 08:24, 温谦 留言:

    河狸，

    非常高兴能对您有实实在在的帮助！如果有兴趣，您可以具体说说您的经历吗？也许可以帮助更多的人，因为很多读者还有很多疑惑，不知道前进的方向和路径，如果有一些世纪的案例，也许可以给他们一些帮助！

    欢迎常来这里交流！

    [回复]
• At 2010.09.14 21:47, Leelom 留言:

  老师所说的CSS四个基础：盒子模型、标准流（正常流）、浮动、定位。这里头的“标准流”指的是什么？期望得到您的详细解答。

  [回复]
• At 2010.08.18 15:56, 香港企达 留言:

  哇噻，这教材好牛哦！赞一个！

  [回复]
• At 2010.07.25 18:43, 陶瓷刀 留言:

  是该好好学学CSS了

  [回复]
• At 2010.05.23 16:35, 固元膏_马悦凌中文网 留言:

  这样的博客好牛

  [回复]
• At 2010.04.26 13:23, Love AI 留言:

  有没有《CSS设计彻底研究》书中实例下载啊！那位知道给我说一下啊！谢谢啊！

  [回复]
• At 2009.11.14 15:22, nan 留言:

  很高兴又来这里，我就是学了您的那本《精通css+div》才找到的工作，现在把那本书已经反反复复看了五六遍，很有价值的一本书。今天看到了《css设计彻底研究》的介绍，感觉不错，我要再拥有它。希望它能赶超《精通css+div》。

  [回复]
• At 2009.08.17 13:56, cms站长网 留言:

  ie6下怎么让.png格式图片背景透明，有什么好方法没？

  [回复]
  • At 2009.08.29 07:46, 温谦 留言:

    cms站长网 ，

    用IE特有的滤镜，可以使用.png的透明特性。

    不过注意不要使用特别大的图像，否则将会非常耗资源。

    [回复]
• At 2009.06.10 11:40, 大海 留言:

  我就想学习div+css

  [回复]
  • At 2009.06.14 14:49, 温谦 留言:

    大海，

    没问题，欢迎！

    抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！

    [回复]
• At 2009.04.23 21:04, BOY,ii 留言:

  我是从未对这块世界的了解，但是，我最近弄了个百度空间，从中页面制作。
  以前我也是对这些PC，或者FLASH的着迷。但是看了你这个CSS之后，
  我被完全着迷了，我是自己公司，然后每天对着个电脑，玩无聊的QQ游戏。
  但是，看这个制作CSS的教程，我很想去把这个学会。最起码自己可以去做自己喜欢的东西。
  、期待自己的成功。

  [回复]
  • At 2009.04.24 08:44, 温谦 留言:

    BOY,ii ，

    没问题，任何人，只要有兴趣，肯钻研，任何人都可以掌握CSS，加油！

    [回复]
• At 2009.02.12 20:26, bobo 留言:

  很高兴能来到这里，向各位请教网页设计方面的知识。
  我刚毕业，现在还在培训，老师给我们的认为是让我们在两个月学完前拉个订单，完成后会帮我们退学费的。希望老师和各位朋友给个意见吧。谢谢了！

  [回复]
  • At 2009.02.12 20:33, 温谦 留言:

    bobo ，

    您具体是什么意思？我没看太明白~~

    [回复]
• At 2008.11.29 04:32, qbf 留言:

  呵呵！就是呀您们这个网站真的是没的说了，这是我们从上大学到现在马上就毕业了，见到最帮的一个网站，没的说了，我是要做网站美工的，假期也用公司里实习过，要知道在学校老师交的都是些基础，到公司才知道差距，所以没办法了，就自学了，发现你们这个网站，我可以毫不夸张的说，我一定能实现我的梦想的！谢谢您了，真的好的没话可说了，就把最好的祝福都给您们吧！愿您们的事业蒸蒸日上，红红火火！

  [回复]
  • At 2008.11.29 21:49, 温谦 留言:

    qbf，

    谢谢您的留言和支持！ 也希望您的学习和工作顺利，找到自己的特长，发挥的更好!

    [回复]
• At 2008.10.24 23:09, Darlin 留言:

  这个网站真是太伟大了，资源信息共享，能让想学的人找到学习的乐园

  [回复]
  • At 2008.10.25 11:14, 温谦 留言:

    Darlin，

    感谢您的鼓励，希望我们的内容对大家有所帮助！欢迎常来这里交流！

    [回复]
• At 2008.10.18 06:00, 4399 留言:

  太棒了，有这么好的教程还有什么学不会的呢

  [回复]
  • At 2008.10.19 13:29, 温谦 留言:

    4399，

    谢谢，希望你能学得又快又好哦！

    [回复]
• At 2008.10.12 18:44, 好学者 留言:

  真的是太好了 我以前都不知道有这个网站 还这么全面 我以前到处到网上找教程也没有找到
  今天在问问里看到的 我就进来看了一下 还真是好 好全面 希望有更多的初学者来到这里 一起学习 相信有这么好的资源 这些被好多人认为不好学 认为枯燥的课也会变得有趣的 真的很谢谢你们这些传授知识的人们 你们辛苦了 真的谢谢！我们都会一直支持你们的！

  [回复]
  • At 2008.10.13 11:33, 温谦 留言:

    好学者，

    谢谢您的鼓励，学习中遇到问题，欢迎来这里交流！

    [回复]
• At 2008.10.04 17:46, 鬼鬼 留言:

  很喜欢这里！！ 刚接触 什么也不懂！！嘻嘻

  [回复]
  • At 2008.10.05 21:33, 温谦 留言:

    鬼鬼，

    多看看，慢慢就懂了，有问题来这里交流！

    [回复]
• At 2008.09.26 13:24, dongdong 留言:

  呵呵，不用注册。真的挺感谢站里的朋友，会常来的。

  [回复]
  • At 2008.09.26 13:46, 温谦 留言:

    dongdong，

    谢谢您的关注，欢迎经常来交流！

    [回复]
• At 2008.08.27 09:31, Оo.丫頭o 留言:

  您好！第一次來這個站點 一看就知道是我想要的 呵呵～
  最近為了一件事情煩呢？》 為什么在ie7里面我的字體顯示有點歪歪扭扭的 呼～ 請教一下
  我的msn:hanhan.jay@hotmail.com

  [回复]
  • At 2008.08.28 11:13, 温谦 留言:

    Оo.丫頭o ，

    谢谢您喜欢我们的课程~~

    您说的IE7里的字体歪歪扭扭，是不是您设定的字号太小了，不要小于9像素，否则可能是会不好看的。

    [回复]
• At 2008.08.18 23:36, suplucky 留言:

  晕。。刚刚又发现不能下载。。闷。。

  [回复]
  • At 2008.08.28 09:38, 温谦 留言:

    suplucky ，

    抱歉， 前几天服务器出了问题，现在好了，您再试试看？

    [回复]
• At 2008.08.18 23:31, suplucky 留言:

  直接播放不行。不知道什么原因。希望站长能处理一下。。呵呵。。顶一个。

  [回复]
  • At 2008.08.28 09:38, 温谦 留言:

    suplucky ，

    抱歉，前几天服务器出了问题，现在好了，您再试试看？

    [回复]
• At 2008.08.01 09:17, 随风 留言:

  真是太感谢了

  [回复]
  • At 2008.08.01 21:30, 温谦 留言:

    随风，

    谢谢您的鼓励，我们会继续努力！

    [回复]
• At 2008.04.30 10:36, o小志晴天o 留言:

  啥也不说了 这个站点办的太出色了 杠杠地！
  真是万分的感激 个位斑竹受小弟一拜 诚心地感谢！
  呵呵 FLASH视频就相当的好
  我有个小请求 这个CSS视频的FLV格式 我怎么也打不开 用Riva Flv Player 都不好使 可把我急死了
  请问给介绍两个其他的播放器吗？？？谢谢啊！

  [回复]
  • At 2008.05.07 03:38, 温谦 留言:

    小志晴天，

    您试试看下面这个播放器：

    http://www.flmpc.com/download.html

    其他强力读者推荐的，相信应该不错。

    [回复]
    • At 2008.05.20 18:08, 小志晴天 留言:

      太感谢您了！！！
      斑竹 真的太付责了！！！
      HOHO~~万分支持你！！

      [回复]
      • At 2008.05.20 18:23, 温谦 留言:

        呵呵，谢谢您的鼓励！

        [回复]
• At 2008.04.15 02:05, ting 留言:

  先生：
  你好，今天是我第一次上来学习，我从来没有设计过网页，但我要试着去学习，看看能不能成功，日后如学成了我一定给你回复的，我希望能找到这方面的工作。
  庭

  [回复]
  • At 2008.04.15 19:56, 温谦 留言:

    ting ，

    祝您学习顺利，相信您可以掌握的很好，实现您的愿望！

    [回复]
• At 2008.03.06 16:48, wu 留言:

  讲的非常好

  [回复]
  • At 2008.04.15 19:55, 温谦 留言:

    wu，

    谢谢您的鼓励，欢迎常来交交流！

    [回复]
• At 2008.03.05 16:56, solarain.cn 留言:

  我的网站错误,兼容性不会啊
  希望通过贵站学习下

  [回复]
  • At 2008.03.06 18:40, 温谦 留言:

    solarain，

    兼容性的经验需要慢慢积累，很难有完全的规则可以全部覆盖。做多了自然就有经验了。

    [回复]
• At 2007.12.10 11:56, 乌洪亮 留言:

  感觉这套教程讲的非常好,请有没有这套教程的源文件提供下载啊!!!

  [回复]
  • At 2007.12.10 17:43, 温谦 留言:

    乌洪亮，

    您好，谢谢喜欢我们的视频教程。这套视频教程是配合《CSS设计彻底研究》这本书的，我们只是把视频拿出来放在网站上供更多的读者学习方便。案例源代码将会和图书一起，在光盘中提供给读者，如果您喜欢，希望您支持我们的工作！

    这本书预计将于元旦左右正式出版，现在正在出版社作最后的制作工作。

    [回复]
• At 2007.11.15 11:22, CSS入门 留言:

  讲的非常，好！

  [回复]
  • At 2007.11.15 11:53, 温谦 留言:

    你好！

    谢谢您的称赞和支持！有什么建议和意见给我们发信： support(at)artech.cn ！

    [回复]
• At 2007.11.15 06:12, 求教!!! 留言:

  body{
  ……

  可以告诉我一下为什么这段代码在IE6下挺好的,怎么在FF就变形了吗?

  [回复]
  • At 2007.11.15 11:51, 温谦 留言:

    你好！

    对于浏览器的兼容问题，这里给您两个建议，供您参考：

    1：当一个效果在Firefox和IE6中显示的不一样时，一般来说Firefox显示的是“正确”的效果，这里说的正确，并不是指主观希望的效果达到了就是正确效果，而是说按照真正的CSS规则，应该显示的效果，叫作正确的效果。也就是说，如果Firefox中显示的效果和希望的效果吻合，而与IE显示不吻合，那么是IE有错误的可能性更大，而反之则说明很可能是为了迁就IE6的错误，而写了错误的代码。

    那么为什么不能以IE为标准，当作是IE的效果是正确的呢？这是因为，CSS的规则本身是严格符合逻辑的，是可以计算和预测的，而IE中的很多错误是没有道理的，无法预测的，因此，用一个错误修正了另一个错误，在局部看起来可能效果是正确的，但是很可能在其它地方，或者更大范围内带来不可预知的麻烦，从而严重影响效率。因此，比较好的做法是以Firefox作为正确的效果，让IE想办法来适应它。

    2：测试的时候，不要在一个浏览器中完全做好，再用另一个浏览器测试。例如，对于一个很复杂的页面，如果首先在Firefox中制作，已经完全测试好了，然后用IE查看，可能很多地方都是混乱的，此时就针对IE进行一系列调整，等调整好了，回到Firefox查看，又乱了，如此往复，结果可想而知。因此，从空白页面开始，每做一小步，就同时在各种浏览器中查看，一旦发现显示效果不同，立即查找原因，寻找解决办法，因为每次增加的代码都很少，这样就很容易找出原因，从而做到最后就可以同时满足各种浏览器了。

    希望上面的两条建议对您有所帮助！

    [回复]
• At 2007.11.14 19:24, 新手123 留言:

  很多人好象都是看教程的开始和结束就不光顾这里了，我告诉你们，不好好看看这里你们会后悔的。

  [回复]
  • At 2007.11.15 11:59, 温谦 留言:

    新手123，你好！

    谢谢你给大家的建议：）

    [回复]
• At 2007.11.14 19:23, 新手123 留言:

  哈哈，再给我来个凳子，谢谢

  [回复]
• At 2007.11.14 19:23, 新手123 留言:

  哈哈，给我来个沙发，谢谢。

  [回复]