阿一web标准学堂第2课：CSS选择符基础知识（附视频、课件、代码下载） - web标准设计

浏览：11762008-04-14 17:20 来自杨正祎(阿一) :

阿一web标准学堂

《阿一web标准学堂》是一套面向web标准初学者的视频系列。虽然我也只是一个web标准刚入门的学习者，但是我还是希望能通过这个学堂将自己学习到的东西与大家分享，这样不仅可以让更多的朋友走上web标准设计的道路，更重要的是可以得到很多前辈们的指点和教导，从而更快的取得进步。所以，各位朋友如果在学堂上发现错误之处，欢迎你到【博客园web标准设计小组】交流讨论，从而帮助更多的人取得更快的进步。

因为工作原因，我不能保证其更新频率。但是，我会尽我所能，每1-2周发布一课的更新频率。给你造成诸多不便，请你谅解。

正文

大家好，我是阿一，杨正祎。《阿一web标准学堂》第二课终于来了（因为前一段时间工作比较繁忙，所以拖到现在，十分抱歉）。

《阿一web标准学堂》第一个放出来以后，受到了很多朋友的欢迎和喜爱，这里表示衷心的感谢。而且一些热心的朋友也提出了建议和意见，我都有仔细的看哦，所以在第二课的时候做出了一些改变——

ppt的主要页面取消了渐变效果。这样，虽然看上去没有以前好看了，但是在录像中会好很多。
花了大价钱（好几十块大洋哦）买了一个麦克风，这样录音的效果应该会好一些吧 ^_^
一些demo尽量手打代码

更令人感到高兴的是：园子里的很多牛牛们，看到这种视频方式，都很喜欢，并表示有兴趣采用这种方式试试。如果这样，以后博客园里面的视频教程也会慢慢的多起来吧。哈哈～这样，我们这些小菜们就有福了……

第2课：CSS选择符基础知识

什么是css
为什么要使用css
什么是css选择符
常用css选择符

总的来说，这一课是比较简单的，但是也会讲到一些高级选择符的内容。这一课主要是为《第3课：css选择符高级使用技巧》做准备的。

本课课实例页面、资源、下载

本课下载

相关资源

楼主

1个月前 Vitamin_C :

期待中...

回复 1楼

1个月前 raozou :

第二课终于发布了啊呵呵支持ING "花了大价钱（好几十块大洋哦）买了一个麦克风"是不是哦被黑了吧？！o(∩_∩)o...哈哈

回复 2楼

1个月前 dudu :

辛苦阿一了!

回复 3楼

1个月前 任力 :

阿一,你太棒了

回复 4楼

1个月前 杨正祎(阿一) :

不知道大家对这种纯手打代码demo是否习惯。
不知道是不是太浪费时间了一点呢？

回复 5楼

1个月前 kabal :

楼主讲得好啊

不过为什么不能下载呢- -？

回复 6楼

1个月前 杨正祎(阿一) :

@kabal
抱歉，已经修正了url链接，现在可以啦。

回复 7楼

1个月前 杨正祎(阿一) :

@dudu
谢谢老大支持。

回复 8楼

1个月前 杨正祎(阿一) :

@任力
@raozou
@Vitamin_C

谢谢大家都支持。

回复 9楼

1个月前 生鱼片 :

楼主辛苦

回复 10楼

1个月前 Bao :

回复 11楼

1个月前 天生俪姿 :

@杨正祎(阿一)
回复5楼
不错~！支持下~！
引用
---------------------------------------
不知道大家对这种纯手打代码demo是否习惯。
---------------------------------------
个人觉得如果有了相同意义的代码的话是可以直接跳一下的，也不用把一个很长的例子全都敲上去吧，还没有看到视频。另外说一下，能不能将上传的视频换成压缩格式的呢。

回复 12楼

1个月前 杨正祎(阿一) :

@天生俪姿
关于压缩视频的问题
—— 因为wmv已经是压缩率很高的视频格式了，所以再压缩意义已经不大。关键是——如果一些地方网速比较快的话，可以直接在线播放，而如果压缩了的话，在线播放就不可能了。

回复 13楼

1个月前 天生俪姿 :

@杨正祎(阿一)
呵呵~！我指的不是这个问题啦。是换成一个RAR文件，其他的格式的文件我下载不了。

回复 14楼

1个月前 杨正祎(阿一) :

@天生俪姿
可以用类型迅雷或者网际快车这样的下载软件进行下载。

回复 15楼

1个月前 天生俪姿 :

@杨正祎(阿一)
:( 不是指这个的啦
好吧我用迅雷下下看。

回复 16楼

1个月前 Small0426 :

阿一你好，看了你的教程很不错。
不过在中间发现了一些小问题，其实也不叫问题吧，因为只是用的不很顺手。
1.演示弹出flash灯箱效果
2.演示弹出大图片灯箱效果
这两个功能弹出后，点击关闭页面又跑到了最顶端。

最后，期待你的新教程。。。
非常感谢你的无私奉献！向你致敬！！
你的粉丝。。。

回复 17楼

1个月前 Csea Xia :

谢谢呵一，，，呵呵太帅了。

回复 18楼

4周前 Csea Xia :

期待下一节课程屬性選擇符的刺激。。嘿嘿

回复 19楼

4周前 liong :

多谢多谢俺支持手写代码辛苦阿一啦

回复 20楼

4周前 天生俪姿 :

第二讲看完了，用一个词来形容就是“受益非浅”，特别是后几种
子对象选择符，相邻选择符，属性选择符都是第一次听说。楼主的手写代码让人感觉很好~！赞一个！
提出的是，
这讲在6：35秒的时候那个批量替换，感觉很搞笑。

楼主不愧是搞这个的，一看楼主的浏览器就肯定是多的去。好像有8个之多吧
楼主使用的那个CSS帮助文档，我用的也是那个人写的看这版是很经典的哩。
看了下阿一兄是在晚上10点多的时候还在搞这个东东，心里不丝的有一点感动。你的努力就是我学习的无限动力。呵呵~！同19楼的兄弟一样，
期待着下一节课的属性选择符的魔幻效果。

另外再提几点这堂课虽说还能听出来有些字的音发的不是很准，但语速要比第一堂的语速要快了，建议如果出完了这个，去考个本本。下节课的时候本本的电池要准备的充足些，发现到最后几分钟的时候本本显示的电量都快没有了。如果录到了一半没有了电不是很……。
嗯还有对象选择符，相邻选择符，属性选择符都是只在IE7之后才支持是吗？那除了IE之外呢？比如Firefox的话支持版本是多少呢？

嘿嘿~！总之还是期待着下一节的魔幻效果

回复 21楼