“CSS设计彻底研究”视频教程目录
2009-05-30 00:32 宝宝合凤凰 阅读(1318) 评论(0) 收藏 举报“CSS设计彻底研究”视频教程目录
欢迎您来到前沿视频教室,下面列出的是“CSS设计彻底研究”频教程列表。这组视频教程是配合《CSS设计彻底研究》图书制作的。
我们还会不断地推出相关的课程, 如果您有兴趣,欢迎您常来这里看一看!
欢迎您来到前沿视频教室,下面列出的是“CSS设计彻底研究”频教程列表。这组视频教程是配合《CSS设计彻底研究》图书制作的。
我们还会不断地推出相关的课程, 如果您有兴趣,欢迎您常来这里看一看!
温老师,您好!学习css已经一个月了,看了很多视频,也买了两本书,今天才发现《css彻底研究》的视频教程,一下子解决了很多以前解决不了的问题,也让我对css又有了一个全新的认识,真心的感谢各位老师,也祝老师们事业一帆风顺!
有一个小问题,就是浮动和定位,
3个元素,如果给第二个元素一个相对定位方式的话,那第三个元素还是认为第二个元素是存在的,所以他们之间的位置不会发生变化,只是第二个元素的位置改变了!
任然是三个元素,如果第二个元素换成是绝对定位,那第三个元素就认为第二个元素不存在了,所以他就可以忽略第二个元素的存在,而以第一个元素为基准了!
不知道我这样理解正不正确,或怎么理解更好一点!
再次说声,温老师,您辛苦了!
这里太好了,教程也很好,老师你们辛苦了,谢谢你们
感谢老师的讲解,谢谢你的劳动!
温老师,您好!我花了很多冤枉钱购买了,几本网页设计的书,在前一个月,我同事介绍我买了一本你们的书,《+jQuery》,可我光盘被朋友借去弄丢了,那些视频和素材全没到了,我想请问下,能不能再送我一份啊,如果行的话,就发到409145460@qq.com里面。这书实在是太好了,我在新华书店买的那几本才看一点点就不想看了,现在我用这本书,那些书已经仍了,我怎么就没早发现前沿视频网里面的书呢,我准备要买《Flash动画制作》这书了,应该书店现在有的吧
老师们辛苦了,谢谢你们的奉献!
温老师,您好!我花了很多冤枉钱购买了,几本网页设计的书,在前一个月,我同事介绍我买了一本你们的书,《+jQuery 》,可我光盘被朋友借去弄丢了,那些视频和素材全没到了,我想请问下,能不能再送我一份啊,如果行的话,就发到409145460@qq.com里面。这书实在是太好了,我在新华书店买的那几本才看一点点就不想看了,现在我用这本书,那些书已经仍了,我怎么就没早发现前沿视频网里面的书呢,我准备要买《Flash动画制作》这书了,应该书店现在有的吧
老师们辛苦了,谢谢你们的奉献!
温老师,您好,今天在看css的代码中遇到了-x-system-font属性,我查了一些资料,没查到这个属性是做什么用的?请指教,谢谢!
您的这本书我已经学完。收获颇丰!很实用的一本书。
温老师。你讲的CSS实在好了!让我对CSS也有了很深入的了解!想请教的是。我也看过不少dreamweaver的教程了!连一个html的网页都做不好。怪郁闷的!感觉就是会了几招但是不会运用!就是自己动手太少吧,可能!第十六课 我的博客。那个网页蛮好看的,老师能不能将他的源文件发给我啊。还有我对position属性弄的不是很明白老师有没有相关的教程? 老师有空的话发到我邮件可以吗?wuzh886@163.com
艾比利,
关于定位的性质,建议仔细看一下右侧视频教程中的“CSS设计彻底研究”那个系列,里面有详细的讲解,相信对你会有所帮助!
我是看了牛腩老师的教程才知道这里的,看了之后感觉太好了,让我对css产生了及浓的兴趣,我忍不住马上将首页的三本书上网都给买回来了,也使我更加有信心能把css学好,在这里谢谢要谢谢老师精彩的教程,希望老师以后再出新书能发个邮件通知下!!
支持!!
叶华斌 ,
感谢您的支持!兴趣是最好的老师,相信你一定能很快学好CSS,加油!
遇到问题时,欢迎常来这里交流!
css+javascript下拉菜单比css下拉菜单有些什么好处???
发现到好像没什么分别
但找了很多资料都说css+javascript会比css来的强
这是为什么呢??
姑且不说javascript可以放置一些动画的效果
如果只是不同的css+javascript下拉菜单的话呢??
苹果爱好者,
用CSS做复杂的菜单,主要的确实太麻烦,当然如果你对CSS非常熟悉,应该也没问题,另外一个是对IE6的兼容也是个很大的麻烦。
而如果使用js,特别是使用jQeury以后,就相对容易多了,几句话就已可以搞定,而且把浏览器的差异也都解决了。
因此最主要的一点,我觉得是俩字:“省事”!
温老师:你好!
我买的[CSS设计彻底研究]一书的光盘已找不到了,现在想要书中实例和素材,方便学习。能否发到我的邮箱(gxhsz@126.com)?
先谢谢
学生,
你好,给你回复邮件了,请查收邮件。
老师您好:买了是前沿电脑图象工作室出版的,MX2004,但光盘遗失了,您是否可以发一份到邮箱(suninspring@hotmail.com)谢谢您
springsun ,
十分抱歉,这本书是太久太久以前的了,我们这里也没有了~~~您可以尝试给出版社打个电话,问问看,他们是否还有留下的光盘,不过我估计可能也没有了。
你好 请我购买的书的光盘读到一半就卡机器 是从当当购买的 当当说那只好选择寄本书回去 选择退货。
帮帮忙 我在青海的 乌兰 好麻烦。而且还精通Javascript+jQuery 也是光盘是花的。
蝈蝈 ,
光盘里的视频教程和网站网站是一样的,如果您只是视频教程看不了,直接在网上看或下载就可以了的。
老师,我想在网上买这本书,请问是买了书以后管您要教学光盘么?我主要相结合光盘来学习·····
宇杰,
买了书就带光盘,您放心买吧,已经是久经考验的了,呵呵。
老师,这本书带光盘么》????
宇杰,
都带光盘的,谢谢您喜欢我们的书!这您学习顺利!
这是我学习CSS的第一本书,也是目前为止见到的最好的书!
cygoods ,
非常感谢您的鼓励和支持!欢迎常来这里交流!
温老师,您好,我是从朋友那借到您写的这本书,但是他找不到光盘了。我已经学到第6章,学习过程中多次觉得,没有一些案例内容和书中相关图片等资料在学习过程中很不方便。希望您能把这些资料给我发一份好么?如果不行的话,那么只是书中案例中的相关图片能发给我也行,这将会给我很大帮助。谢谢您。也谢谢您的《CSS设计彻底研究》
韩,
给您回信了,请查收邮件。
温老师 你好!
我想问下为什么第八章的多彩菜单在Firefox不出效果
坚,
我这里看着用Firefox没有问题,你具体什么效果出不来?
菜单的颜色只显示段落的背景色#CC6而不是黄色绿色这样的色彩
鼠标经过跳起时也只显示背景色#884
也就是说类orange,blue等不起作用
但我在IE运行时是显示多彩的
坚 ,
多谢!果然是代码有错误。
这个文件的CSS阳市部分,颜色的那几个类别样式的{前面都多了一个逗号,例如:
.orange p,
.orange .row2,
.orange .row3,
.orange .row4,
{
background:#fa0;
}
这里面row4 和{ 之间 ,多了一个逗号。IE6中会忽略这个逗号,而IE8和Firefox都会把整个这段代码忽略,从而就没有彩色的效果了。
再次感谢您的提问!
我已将此错误加入本书勘误表中,请参考:
http://learning.artech.cn/20080221.css-exploring-errta.html
温老师你好!我想问下绝对定位一般在什么情况下用到?
静,
如果用标准流方式、浮动都解决不了的时候,就可以考虑使用绝对定位。
温老师 您好
我来自台湾 我看台湾网络书店中有一本您的大作
请问是这本书的繁体版吗?或许下次我会用这本作为教材
其次 可否请您惠赐第三 第四两章的投影片(我手边有您这本书)
我想在教学中使用到
谢谢了
eric,
谢谢您喜欢我们的书,PPT文件可以到这里下载:
http://learning.artech.cn/20090312.ppt-download.html
欢迎常来这里交流!
老师您好,我想要视频光盘里面的内容仔细看看,可以发给我吗?谢谢了~~!
温老师, 看完了您的,受益匪浅. 非常希望您能将光盘中的内容发给我. 再次感谢!
sanwuer,
如果方便请购买一本书图书吧,光盘里的内容由于和出版社合同约束,不能放到网上随意下载,谢谢!
看到您介绍说Expression Web 2(简称EW好了) 用来做CSS/DIV设计比DW好一点,于是我也去使用了EW,它的确可以支持PHP网站了,但有个很烦人的问题,utf-8编码方式下的中文会显示乱码,在DW中显示正常的用EW打开也会是乱码,只能在要调用的每个页面都插入才能正常显示,但这在DW里明显是多余的。
请问该怎样让EW里的中文不乱码呢?在网站设置 和 工具-网页编辑器选项 里设置编码方式都为utf-8也没用啊。
woods,
是的,你说得对,要注意两个方面,第一是网页文件本身保存的时候要保存为UTF-8编码,另一个是要在Meta中声明使用UTF-8。
“只能在要调用的每个页面都插入 meta来定义charset为utf-8 才能正常显示”
温老师,您好!我是一个网页美工,现在在学CSS,前一段时间我朋友推荐了我《CSS设计彻底研究》我觉得很好,我想要里面的视频光盘里面的内容,可以发给我吗?谢谢!
piziliao ,
光盘里的视频教程我们已经放在网上了,此外,光盘里还有一些案例代码,但是由于合出版社有合同,目前物发放到网上,如果您觉得适合您需学习,希望您可以买一本书来学习!谢谢您的支持!
谢谢您了!
温老师,您好!我想要《css设计彻底研究》视频文件光盘的中其它内容,可以发给我吗,现在正在学习!谢谢了!
学习者,
给你回复邮件了,请查收。
老师,也能给我份吗?谢谢了
咖啡,
谢谢您喜欢我们的教程,如果方便,请购买一本图书吧,由于和出版社有合同约束,无法提供在网上。
再次感谢!
老师,讲的很好,我也非常需要,想仔细看看,能也给我一份吗?谢谢~
网页制作学习者,
谢谢您喜欢我们的教程,如果方便,请购买一本图书吧,由于和出版社有合同约束,无法提供在网上。
再次感谢!
温老师,先给您拜个晚年!祝您牛年大吉,牛气冲天!我去年买了您的《css设计彻底研究》视频文件光盘没了,请您把源代码那个文件夹发给我好吗?谢谢您了!若是可以发一下视频更好。
网页设计学生 ,
给您回复邮建了,请查收。
我太郁闷了,在卓越买了你们的书,收的时候没发现,打开包装想看下光盘里的内容时发现光盘的雷射面的一部分(大约三分之一)与装光盘的套被类似胶水的东西贴在一起,哪光盘是用不了啦,太郁闷了,这样的低级错误也会好发生。现在也不知能不能退。你们生产的过程能谨慎一点吗?真的不想说了,我希望你们将光盘的ISO上传到什么地方等我自己去下载算了。最后我想说,做生意还是要认真点,老实点的好。
郁闷,
我给你回复又建了,请查收。
这个是新的邮箱请回复,谢谢。
不明白是什么意思
给您回复邮件了,请查收。
我问个问题,把背景色半透明后,弹出一个窗口,怎么使背景色半透明覆盖整个网页,我用像素指定,但是高度、宽度是一个死的值,不能自动变化,用百分比指定,但是也不行。怎么弄呢?例如:百度知道的登录
JG,
抱歉,您说的问题我一下还理解不了具体指的是什么?
如果还没有解决,可以把问题发到我们的论坛,描述得在具体详细一些:
http://talking.artech.cn/thread-178-1-1.html
就是使半透明的层覆盖整个屏幕,滚动条往下拉时也是都覆盖着,我做的时候只是指定像素覆盖的,例如:我高768px;宽1024px;它只是在这一区域做到覆盖,我想滚动条拉到哪覆盖到哪
http://www.365css.cn/post/600.html
JG,
如果你希望在网页中使用这些效果,如果都自己写代码,工作量可能会非常大,实际上有很多现成的UI组件库,直接用就可以满足绝大多数情况。
我建议你看看jQuery的UI库,用起来很方便的。
感谢温老师的指点
我的目标就是做一个网页设计师即网页美工,所以我并没有考虑学习数据库及服务器端技术
但是我发现现在招聘网页设计师大部分都要求要懂JavaScript,但我又没有编程基础,学起来会不会很吃力
所以我希望老师能给我一个好的学习方法,能让我理解起来更方便?
小宝,
如果打算做美工,就不需要很深入地学习编程了。不过为了和程序员配合好,掌握一些基本的JS,还是很有用的,不过不用学得太深入,能够理解一些基本的概念就可以了。
这个目标应改不算太困难,特别是使用jQeury的话,设计时也完全可以做出常见的网页效果来。
在div+CSS里 如果页面比较长,怎么样可以让人一看都看清楚结构???
除了用
还有没有别的方法 ?
蓝色的风,
这个问题就需要综合设计了,已经超出了具体CSS技术的范畴。设计版面形式的时候就要考虑这一点了。
前沿的老师,你们好 一直在学你们的《精通css+div》这本书;绝对写的非常好
现有几个问题不解 望请教下老师们;
1:在第12章中有段代码
#recommendblog span a.author2{
position:absolute;
left:365px;
font-weight:lighter;
这里的绝对定位是相对于哪个层面的?好像不是书中前面提到的相对于body>?
2.同样是这章的
#recommendblog br, #currenttime br, #blogsearch br,#logoin br.br2{
display:none;
clear:both;
}
是什么意思 我不明白~
谢谢帮忙解答下~
Kevin ,
1:关于绝对定位的定位基准还是很复杂的,你可以看一下右侧的《CSS设计彻底研究》的视频教程,那里面专门的详细讲解,看一看就明白了。
2:这个的意思是隐藏br元素,并设置清除属性。
先睡觉去了!明天继续学习!哦,温老师的地址还没有给我呢,这样每天免费学习我可感到惭愧的!真的不想买,不是因为不好,而是因为完全通过视频能开明白!呵呵,别把温老师吓着了_都看视频不买书了~~,放心,看视频看明白的应该不会很多的!因为我看视频的时候一边看一边记笔记啊!记里面的代码啊,定义啊等等!往往一个视频要看好多遍!
无名,
呵呵,我跟你开玩笑的,希望对你的学习有帮助哦!:)
补充下,我在练习的时候,使用CSS布局,采用ID选择器,总是不听我的话,看代码也没有问题,后来把名字一改,OK,什么问题都解决了!原来问题出在ID选择器的名称上面,ID选择器名称采用的是但个字母或纯数字!
再仔细听ID选择器章节的时候,可没有讲!!呵呵!
无名,
单个字母可以,单个数字或者数字开头都是不可以的,我当时讲的时候是没有提到这个。
单个还是字母不可以啊,我分析了下,应该是有些单个字母本身是标签的原因!比如说a,b,等!
无名,
试一下这个:
http://learning.artech.cn/download/test.htm
颜色是没有问题的!但在布局的时候就会有问题!
准确的说,就是使用单个字母的时候,声明的部分值是无效的!
无名,
那不是因为id的问题,而是其它原因,这样,别在这里讨论了,你把代码发到论坛吧,那里讨论代码方便。
好的!谢谢温老师,我先试下!
温老师,我发现我们的教程有个东西讲掉了!就是ID选择器这个地方,
ID选择器取名不能书纯数字,不可以用单个字母!
如#1{~},#2{~},
#b{},
#c{},
#d{},等都不可以的!您看看!
无名,
无论是id还是类别选择器,都不能以数字开头,这在基本上是所有的编程语言中都是这样规定的。比如 #2a 是不可以的, #2自然也就不可以了。
一个字母是可以的,你再试试看,比如 #a 应该是没有问题的。
谢谢温老师的无私奉献!!
再补充下!我想再学后台开发,温老师有什么建议没有啊?要学习C语言吗?ASP要学那些东西?是学ASP好还是学PHP好呢?
无名,
问我宏观的学习方法,我都答案都是一样的:扎扎实实搞懂核心基础,然后那些工具之类的都是很简单的。
至于ASP还是PHP,没有本质区别,思想方法都是一样的。
对,要搞明白核心基础,然后万变都不离核心基础!那核心基础指什么?
比如CSS的4大核心基础:标准流、盒子模型、浮动、定位。
后台技术,要更复杂一些,我感觉比如应该先理解HTTP协议的基本情况,这对于理解程序的执行过程很重要,如果我写书会从这里写起。此外,基本的语言和编程基础,这是各种开发共通的,但是势必需要的。此外,对数据库得了解一些,否则没法实际做项目。总值大学计算机系的专业基础课,都不是没用的。有时间一门课一门课,都看一看,没坏处。
这个教程写的非常好!很详细很系统!不像有的书籍,看了让我云里雾里,浪费我的钱,可温老师的东西太强了,光看视频,不用买书我就会了!!谢谢大师!
无名,
呵呵,谢谢你的鼓励。您能学得对,这是个好消息,不过都不买书了,也是个坏消息,俺们吃什么啊,555:)
呵呵!!!温老师说的对,大家都不买书了怎么办啊?!这样吧,我也送本我写的书给温老师吧?有兴趣的话,可以送本温老师指正!另外我想学点网络编程技术,搞个摄影教学网,搞成做有名气的摄影教学网!另外我昨天继续学习CSS,发现自己还只学会了一般的基础,离顶尖还有距离,还在学习中,谢谢温老师!
无名,
哈,你也写书啊?是摄影书吗?最近摄影书销售很不错啊~~ 说一下你写的什么书?我去买一本拜读!
不用了,温老师说个地址,我送本吧!(其实我也要花钱买的,55555)
无名,
那就感谢了,是那本电力出版社出版的吗?主要要给我一个签名寄语哦~~
邮件联系吧~~
??怎么发的书名显示不出来啊??数码摄影技巧大全
谢谢温老师 很感激您
我一直潜水学习 刚才拉到下面看到一个留言解决了我的一个疑惑
感觉醍醐灌顶的爽啊 哈~ 3Q3Q
加油!
祝福贵站有更好的将来!
路人chsh,
留言就是这点好啊,大家都可以看到:)很高兴对你有所帮助!
很好很好!偶然发现的一个网站,比我见过的所有的教程类的网站都好!这本书现在出版了吗?要是出版了我一定会去买,放在家好好研究研究!是在是太深奥了,想不到一个好的网页设计这么复杂!
残魂,
是的,CSS是非常有趣的技术!
这本书已经出版了,订购信息请参考:
http://learning.artech.cn/20070802.css-div-buy-book-online.html
你好,温老师!
在网上看了这本书的视频,做的非常不错!
对于我这样的初学者,获益甚多!
请问如何订购,烦请告知。
collin,
感谢您喜欢我们的书,订购信息请参考:
http://learning.artech.cn/20070802.css-div-buy-book-online.html
这些都是大网站,服务有保证的。
书已收到,卓越的服务还是挺不错的,3号订购的,发给我的邮件说的是12号能到,但今天就到了,先赞一个!!
以后在学习中还要多向各位老师请教,请多多指点!
collin,
好啊,感谢你喜欢我们的书,遇到问题可以经常来这里交流!
接上一条留言,我感觉都是从a 开始往上算起的,但在设置的时候应该怎样考虑呢?
a的高度: 12px*1.2+5px+3px=约是22.4px;
所以给li 的height为22px么?
那ul的是padding-bottom:23px??
kwong1127,
抱歉,我没有十分理解您的问题是什么意思,如果我自己的理解,这没有什么先后的问题,从上往下摆放就是了。
老师,第305页 第一段代码里:padding-bottom:23px; 这个怎样算出来的啊?
还有第二段代码:height:22px 这个又是怎样算的啊?
有时候让ul li a 这三个的padding 搞乱了,自己动手的时候经常不知道先设哪个?请老师说说哈,指导指导。
kwong1127,
这就像你在家里布置家具一样,算好了每个家具的位置、大小,算好了屋子的大小,剩下就是小学数学题了。呵呵
老师,15章DAVA Shea设计的HTML文档,”第15章/NO-CSS.HTML’光盘里怎么找不到啊,15章只有一个9999
小小,
禅意花园的HTML文件都是一样的,所以随便用后面案例中的哪个都可以。只要把CSS文件暂时删掉,看到的效果就是不使用CSS是的效果了。
惭愧惭愧,问过已后我也想到了
请问老师,在FF,IE里字体大小怎么一样啊,IE里的H2那么大,FF里的那么小…虽然在BODY里设了FONT大小了,但是还有些是不一样的,比方标题H2这样的怎么办?
小小,
你设置h2的文字大小就可以了啊。
h2{
font-size:17px;
}
不就可以了?
不知道你问的是时不时这个意思?
FF和IE不统一,用到字体都要设一下?就算设置了,仔细看,还不大一样呢~.~!
小小,
你是用的px做单位吗?如果用px做单位应该一样大阿?
第190页,后两段代码的第一段中margin:0 auto 0 0;这个margin的作用是什么呢? 我不是很懂这样写的目的,我写成margin:0px;感觉也没有什么大的变化。请老师说一哈。
kwong1127,
对,这里应该不用加,包括margin:0px;这行也不用加就可以了。
内容实在太精彩了,讲的例子也恰到好处,我大力支持!!!!!
阿亮,
谢谢您的支持,欢迎常来这里交流!
温老师,能不能搞些在PS里布局的教程呢,我发现百度里这个基本是个空白区…
您说过,美术之类的是要靠天份,靠小的时候,半道出家的不大行,可是我相信很多都是半道出家的啊~
小小,
做好不容易,讲好更不容易,我们都是学计算机和理工出身的,对美术和PS不是很专业的,虽然做项目有的时候也都自己把美工也做了,但是毕竟说不出太多的门道。我们在做重要的项目的时候,美工还是找专业人来做的。
关于如何提高这方面的一些素质,我可以写一写自己的体会,供大家参考,但是专业的还是必须有专业人来说。
我想你说的“空白区”恰恰也是这个原因,因为要说清楚为什么很难的。比如,你说为什么这种“红”比那种“红”好看?这种“灰色”比那种“灰色”高级?这里面即使有道理,也是很抽象的。
我们可以写一写文章,告诉你怎么可以避免太丑陋的东西,但是很难告诉你怎么做出真正好看的东西。这个东西更多的是靠体会和感悟。
好的,谢谢,期待您的佳作(~.~)
老师你好,
这边的视频教程让我获益良多,
想请问一下教程里面所使用的CSS编辑软件是哪一种呢?
好像不是Dreamweaver
若有好用的CSS编辑软件也麻烦老师推荐
非常感谢!!
JO,
这里用的是微软的软件 Expression Web,功能和Dreamweaver差不多。有兴趣的话,你可以装一个试试看。
初學 推薦 Dw … 熟練以后 … 可以考慮 EditPlus …. 現在我就是無視一切 ”可視化“的設計軟件
軟件功能越少 , 你自己就提高得越快
我没用过EditPlus,它可以对CSS实现代码提示吗?自动补全属性、属性值,和错误提示吗?
要是能够的话,应该不错!
代碼提示 沒有 。。 自動補全 有(不過是要背屬性的快捷鍵) 。。 錯誤提示沒有 。。不過錯誤代碼 顏色不一樣
其實用EditPlus 寫幾個頁面以后 。。基本上不會再想起用 可視化軟件了。。 因為 html和css的代碼寫來寫去就那么幾個 閉著眼睛都能背出來了。。
鹤庭逸,
你有做高手的潜质!高手都是这样的。呵呵
老师你好,在《css设计彻底研究》这本书第86页,有关相对定位的问题,书中实例4\10.htm, Box1相对于原来的位置向右移动了30px,向下移动了30px,为什么top的值不是-30px而是30px呢,一直弄不明白有关定位坐标的正负值的问题,老师可以讲解一下有关这方面的知识吗?
六个苹果,
这个是人家定义了什么样的就是什么的,没有什么道理可言。
只要记忆清楚,top属性值正的就向下移,left属性值正的就往右移,就是了,另两个属性类似。
如果要说一些道理,你可以认为 top属性的含义是距离顶部的距离,在屏幕坐标系中,通常都是左上角为0,向右右下为正的。
老师,您好!
我按照教程做的滑动门技术,达不到预定效果。
制作了两边圆角的标签按钮背景图片,可是当使用滑动门技术(两层背景叠加)时,如果标签长度小于背景图片长度的情况下,右边的圆角就显示不出来,也就是下面一层的背景被上面的给盖住了。
怎么回事儿呢?
谢谢!~
紫心,
用滑动门制作圆角的方法很多,各有特点。注意检查一下padding、margin设置是否符合道理,圆角处该透明的地方要透明,不该透明的地方不要透明。
如果还是找不到错误的原因:
如果你有自己的网站,那你的网页传到你的网站上,把地址贴过来,我帮你看一下。
如果你没有自己的网站,把最简化的、有问题的代码发到我们的论坛上: talking.artech.cn ,我帮你看一下。
老师,我在《css设计彻底研究》这本书,第三章那个出何计算题有点疑问。第74页,K跟S的计算有点不是很懂,就是那两个LI的height的值,为什么会是34px跟48px的?
aken ,
呵呵,好啊,我正要给你回复呢,你就自己找到了~
希望我们的书对您学习有所帮助,如果有问题,欢迎来交流!
老师,CSS+DIV布局是不是也要先在PS里画出一个整体的,然后切出一块一块的,再住DW里放?还是直接就在DW里搞呢?一般哪个方法用的多?
小小,
作视频教程会比较费时间了,我写了一个简短的文章,希望对你有所帮助:
http://learning.artech.cn/20081111.css-slide-skill.html
很好的 谢谢了
新手,
谢谢您的鼓励,欢迎您常来这里交流!
非常感谢!!!
夜思,
您客气了,欢迎常来交流!
我在我的网页里插入了一个SPRY的TAB面板.但用IE浏览器浏览的时候浏览器总是弹出一个阻止菜单要点允许它才能正常显示.用Mathon没有问题,我想问下这个问题怎么解决啊?
tiger,
这个不用管它。
这是因为你用IE浏览器你自己计算机上的网页产生的,等你将来把网页上传到服务器上,就不会出现这个提示了。
一句话点醒梦中人啊,原来是这么会事啊 呵呵!
老师您好:
第138页的例子,也就是光盘 61\button-style.html 的例子,为什么把标签改成标准的
之后,在IE下显示不正常(padding-bottom不起作用)? ie6和7都有问题。
yadan,
a是行内元素,不具备块级元素的属性。
需要通过 display:block,将它转换为块级元素之后,才能使用这些属性。
后面的例子中,用ul、li 来搭建菜单,控制好一些,你可以再往后继续看。
老师7.2节的双斜角横线菜单,我想了两天了,实在不明白那个斜角怎么搞出来的..视频教程也看了,也搞不明白……想跳过去算了,可以看到第8章,还都是以这个为基础~.~!
小小,
这个很简单,相邻的边线相接的地方会产生一个斜线,从而就产生了那个斜角了!你再仔细琢磨琢磨~~~~
老师,我好像明白了,其实盒子里的BORDER本身就是斜的,只是太细的时候看不清,只有加粗以后才能看出来,而我本来以为那四条边都是直的..对吗?哈哈,好象和沿悟出禅法一样的,真不容易啊!!!
小小,
恭喜恭喜!提高就是通过这样一次一次“想明白”积累起来的!
老师,您好,再问您一个比较简单的问题,就是当我们不对容器设置具体的高度和宽度的时候,就是让width水平方向延伸,让height根据内容自适应,那我想问的是此时默认的属性是不是就是:width:100%;height:auto呢,如果是的话,那我们是不是就不需要在多写这两句了!谢谢!!!
根据CSS规范的严格定义,width和height的初始值,也就是默认值,都是auto。
只是这个“auto”在不同的情况下,含义是不一样的。
你说的表现形式,就是在标准流下的情况、;而比如说在浮动情况下,那么width如果不设置,仍然是auto,但是其含义就是自动收缩,而不是自动伸展了。
您好,我想请问一个知识点,就是关于“多列等高布局”的操作,其中有一种方法是通过设置“正内边距和负外边距”,例如典型的:padding-bottom: 32767px;margin-bottom: -32767px,对于这个的原理,我一直都搞不清楚,百度了很多资料,也讲得不甚明了,麻烦老师给解疑一下,谢谢!
这可是很多地方都可以看到的知识点,还什么都研究过了
呵呵,看来这位兄弟是来砸场子的?如果以前的罪过您,还望见谅。
这里只是一个交流交流一些很简单的技术方面的地方,大家就事论事较好了,我们只谈技术吧。
如果您对这个问题,确有心得,可以帮助别人,不妨写一篇小文章,或者小教程,介绍给大家吧?那样和大家分享不是更好?
不会把,这种方法没研究过,那也太假了
我觉得CSS不是万能的,对于有些问题,用JS简单配合一下,很简单呢事情,没必要用CSS搞得那么复杂。
就像研究茴香豆的茴字有几种写法,当然是有意义的,也许不是那么大。
您好,
最近我没有查过这个问题了,但是当时我研究了一下,关于“多列等高”,要完全靠CSS解决,似乎并不容易,我当时记得有一个JS的小程序,可以实现。
您说的这个方法,我没有研究过,有时间我仔细琢磨一下。
按钮我照着做都做不来,是不是太笨了?
能帮我看看吗,在FF里可以,IE里就不行了.
无标题文档
老是失败
老是失败
老是失败
小小,
那你的代码,包括HTML和CSS的,发到我们的论坛,帮你看一下。论坛地址: talking.artech.cn 。
对于css的框架的整理,请老师讲解下吧!
css,
抱歉,我还是没有非常理解你说的“CSS框架”是到底什么意思?或者给我一个你找到的网页链接。
我知道有一个blueprint,算是CSS框架,好想你说的不是这个。
关于是否加“-”或者“_”,我个人觉得没什么关系吧,只要你觉得方便、清晰就可以了,感觉也没有什么不好的。
感觉这些东西,不是太严重的事情,不必过于深究。
①就是和blueprint差不多的 我下载的那个是http://elements.projectdesigns.org/
②对于-和_的问题考虑到多个浏览器下的差异担心不通用;
css,
第一个问题,我没用过你说的这个,blueprint我简单了解过,我感觉这种框架也不能说没用,但是有一个问题是,用了它之后,和原来用表格做网页又有什么区别了呢?
第二个问题,这两个符号应改没问题吧。
以上问题好像问的不太恰当补充下,对于框架搜索看到了一下国外的例子,感觉这些对自己学习经验的总结很有帮助,建立一个框架加上自己的注释对进一步的学习肯定是有很大的帮助的;
问题:①对于框架应该建立一个怎样的通用结构?
②对以css命名规则我搜索了下,本来自己习惯了使用XXX_XXX下划线的方法,看到好多地方介绍不要使用连接符“-”和下划线“_”,具体使用下划线会在什么地方出现问题呢?
老师我有点不明白的地方是 到底什么是em 究竟什么时候用em 能不能详细的解答下,书上面这方面说的不是很彻底
你好,
em不怎么常用,不用深究这个了。
em常用于文字排版用的。。。是一个相对单位。。可以用于定义 字体大小 行高 字间距 首航缩进 等等。。
一般来说 em的大小是相对于 font-size 而言的。。比如定义了font-size:15px; text-indent:2em;
意思就是一个段落首行缩进2个字的大小。。
我都不好意思问您了,可是老遇到各种问题.112页的P里定义的LINE-HEIGHT:1.5,这个1.5后单位是EM吗?
怎么加了EM又变了,首字下沉都变形了..
27807872,
基本就是 鹤庭逸 说的那样,这个问题不用过于深究,em也不怎么常用。
这里你要理解1.5 和 1.5em 的区别 .. 1.5 不加单位的时候是一个“缩放因子” 。。 span 这个浮动盒子的高度是按照1.5 x font-size x 行数 来确定的
1.5em表示 12px 乘以 1.5 … 和文字的大小没有关系了 。。。
几句话也是说不清 你暂时可以这样理解。。。 其实这个例子中决定首字下沉的是行内框 。。至于字体大小和行高与行内框有什么关系。。你可以等学习等深入一些以后。。再找点资料参考吧
T
老师,112页的这个P2上面没有定义啊,只有一个.P1,难道根据这个.P1可以直接写出P2?
27807872 ,
这里没有对p2的样式进行定义,就是按照p定义的样式显示。p2的样是与p1的设定是无关的。
老师,您速度真快….估计是我把光盘里的源码搞乱了,汗~
老师,书的54页上方”如果给出3个属性值,前者表示上边框,中间表示左右,后者表示下边框”
可是你的例子里说BORDER-WIDTH:1PX 2PX 3PX;表示上边框1,下边框2,左右3
这不是不吻合么?还是我理解有误?
小小,
请参见:
http://learning.artech.cn/20080221.css-exploring-errta.html
第1条。
还有72页的K值和N值,K的值,我理解是LI的高度,也就是LI的上下PADDING20PX+文字的12PX=32PX
可是您的答案是34PX~LI的上下MAGIN+文本高度,上下MAGIN是20+20啊,再加文本高度12PX=52了..
N的值也一样,麻烦您给说说吧…~.~!
请参见:
http://learning.artech.cn/20080221.css-exploring-errta.html
第14条。
想请问下老师们,因为现在液晶显示器大幅降价,19和22宽屏液晶非常好卖。这就有可能在不久的将来使用19和22寸的人越来越多,还有笔记本,这样将导至各种显示器分辨率非常杂。比如17CRT的标准1027*768,17液晶的1280,19液晶的1600, 22液晶的1920. (当用1920分辨率显示器浏览固定宽度比如现在常用的960PX的网页,将看到只有一小块在中间)
在这种情况下如何制作网页呢?我考虑过用百分比。但在这样多的分辨率下无法保证都能正常显示。
不知道老师们有没好的解决方案?
miaojun,
1:可以用变宽的布局方式,可以灵活地适应浏览器的宽度,在《CSS设计彻底研究》里有一章专门深入分析如何制作变宽布局。你可以参考我们视频教程,你一看就明白了。
2:大多数专业的网站,仍然是使用固定宽度布局,因为变宽布局虽然有优势,但是也有缺点,一行文字很宽再折行,读者阅读很不舒服。因此,变宽布局常见于网上商店这类卖东西的网站,希望充分利用空间,而对于内容网站,大多数仍然使用固定宽度布局,比如几大门户网站,没有使用变宽布局的。
3:目前绝大多数人还是用1024的显示器,下表是我们这个网站最近几天访问者使用的屏幕分辨率情况:
1. 1024×768 22,429 57.40%
2. 1280×800 5,538 14.17%
3. 1280×1024 3,725 9.53%
4. 1440×900 3,573 9.14%
5. 1152×864 940 2.41%
6. 1680×1050 904 2.31%
7. 1280×768 526 1.35%
8. 800×600 498 1.27%
9. 其余 < 2%
所以目前来看,屏幕还没有到达你说的那么宽的时代,此外,我现在用的22寸的液晶,也只有1680,而不是你说的1920?
以上信息,供你综合考虑。
谢谢老师细心回复,这是我担心未来几年可能存在的问题,不过我想也不用过于担心,像老师说的那样,文章过长不利用阅读.
不过现在三星的最新液显22的最佳分辨率是1920.
哦,22的显示器1902,那点距也太小了,岂不是眼睛很累啊~~~我不会买这样的显示器,我估计这种显示器用来看高清电影和图像,比较合适。对于文字为主的人,是一种折磨。
老师你好,有一点我还有点疑问,我设计好网站左边后,设计中间的时候,既然都是float:left。通过什么就能放到中间了呢?我现在设计出来后都靠着左边,设置什么呢?设置margin-left虽然移到右边了,可还要设置margin-top为负值,才能移到上部。而你的无需设置是为什么呢
你好,
您可以花几个小时,把这系列教程看一下,你有一定基础,很快就可以明白了:
http://learning.artech.cn/category/css-research
好的,精通这本书还没看完了,既然老师给指点了。先学彻底研究里的前几章吧
我现在看到 相对对位和绝对定位这边,发现这本书也不怎么彻底研究,很多东西都没有讲到,还得看其他的很多相关的书籍,价格有那么贵,还好相关的配套比较完善,有点后悔买了,请作者以后不要再什么彻底了。
不爽,你好,
麻烦您具体说一下哪里没有讲到?没有一本书是所有真理的全集,每一本书讲的都是全部真理的一部分,都是有一定的适用读者范围的,如果方便的话,您具体说一下哪里没讲到,以便于我了解你所说的不好到底在哪里。如果确实是我考虑不周,我会明确向您承认的。
对于读者提出意见,我们都是非常欢迎的,也收到了很多读者的意见和指正,我们都进行了整理、感谢和发布,但是有一点,批评要公正,一定要把问题说清楚,言之有据,而不能是泛泛的主观评价,那我们也就无法帮助您解决问题了。
仅就您提到您刚刚看到的“绝对定位”和“相对定位”这部分,您看过的其他资料,无论是网上的还是出版的图书,无论中文的还是英文,我相信基本上我都看过,毕竟我要干这个,总得了解一些现状的,我在书中用一系列的动手实验,把定位的规律一点一点总结出来,如果这么详细了还不够清晰,您能找到更清晰的资料(无论中文的、英文的、网络的、纸面的)的可能性都很小了。
别的书我不敢说,这本书《CSS设计彻底研究》是我一个字一个字写的,敢和任何CSS图书比较,这个我是有把握的。
我们在书的前言和视频中反复强调了,学习CSS至少得有一定的HTML基础和网页制作的基础,这本书不是网页制作的入门书。
此外,我们写一本书要有上万读者,一定要首先照顾大多数平均水平和基础的读者的理解方式,既不能太简明扼要,也不能太过详细罗锁,要在二者中找到适当的平衡,但是凡是要找平衡的时候,就总会对于一些和大多数人距离比较远的读者照顾不到,解决这个问题的办法只有找一个老师或者课堂面授,用图书这种方式是无法解决的。比如说,看完这一本书,要花上一个月的时间,而如果我面对面,对着电脑当面教一个学生,只要不是基础太差,我敢保证一周我就能把他教会,但是这个要付出的成本就不是一本书的价钱了哦。
您好,首先谢谢您对于我的“泛泛的主观评价”也能如此耐心回复,您说的也有道理,只是觉得看完这两个知识点之后还是跟之前差不多,还是有很多问题没有搞懂,不可否认个人的水平问题,还有就是之前对书所报的期望太大了。对于这两点,个人觉得蓝色理想上的“彻底弄懂CSS盒子模式之一 ”挺好的,http://bbs.blueidea.com/thread-2733320-1-1.html。
您客气了,我们现在坚持对读者的问题有问必答。
其实建议您,不必急于找很多资料,最好先用一个系统的资料,从头到尾真正一边学习一边实践,完整地过一次,然后再回头看哪里有问题,再解决它,否则各种资料即使每一个都没问题,但是毕竟各自有各自的体系,同一个问题,描述的角度未必相同,在基础还没有掌握的时候,很容易绕在里面,反而影响了学习的效率。
就好像学英语,很多人一会儿抱着新概念,一会又换成疯狂英语,一会又换成托福,一会又换成雅思,各种各样的英语资料,似乎学了很多,但又都没有真正学扎实,其实还不如看准一个,真正钻下去,收获更大一些。
系统地把概念、原理搞懂,在此基础上扎扎实实地实践,提高就会很快。
好的!
你好,老师。我在学习书上的例子的时候,经常会出现BANNER和左边的部分都设计完了,设计右边的时候经常就用到margin的负值才能设到想要的位置,而你的是正值。请问我哪里出错了呢?
偶偶,
1: 如果在正常情况下,你再开始做之前,就应该计算精确了的,用CSS可以精确到一个像素不差,不要做一点算一点,那样当然容易出问题。
2: 如果计算正确了,可是现实的效果和计算的不同,你就得检查是哪里出了问题,实际算错了,还是浏览器的问题,对于Firefox基本上不存在浏览器的问题,对于IE6个别的时候,可能会因此出现问题,你先用Firefox做,然后保证IE6兼容,这样调试效率比较高。
老师,我想问下,什么时候用绝对定位,什么时候用相对定位
maz,
这个没有一定之规,需要具体情况具体分析了,无法用一个简单的规则概括。
他们都十分常用,把他们的原理和规则都搞懂了,到时候自然就知道用哪个了。
老师,用了那么久的css了。我居然还不知道css里面定位的那个Z轴是干什么用的。一般我没去设置他的属性。还有定位类型我一般只使用到绝对和相对这个两个定位的。其他的是干什么的撒
楓ミ楪が,
z-ordor一般没什么用,它的作用是当有多个盒子重叠的时候,制定哪个在上面,哪个在下面。
你好老师,我现在需要更换显示器了,如果我换19宽屏的,是不是会对我做网页产生影响?比如图像尺寸等,给我个建议吧!买17的。还是19宽屏,还是19正方形的?谢谢啦
阿斯顿,
显示器和网页的显示没有关系,有钱就买大的哦!
现在主流都是宽屏的了,效果不错!不要买20寸的,点距太小,费眼睛,我觉得22存宽屏看起来比较舒服!
谢谢,下了你的视频。
深海小笨鱼,
如果遇到问题,欢迎常来这里交流!
偶然发现了这么好一个视频教程,真是太美了,支持!!!
hanlu,
谢谢您的鼓励,欢迎常来这里交流!
非常感谢提供这样好的资源,讲得很详细,很具体,很灵活,便于理解。对于初学者的我非常有帮助。
gerald,
谢谢您的鼓励!希望对您的学习有所帮助!
老师,您好!在做网页的时候,用表格做,可以直接用align=”center”将框架居中,用css+div怎么样是最外层的框架居中呢?
吴昊 ,
首先给你要居中的盒子一个固定的宽度,比如: width:700px;
然后设置居中: margin: 0 auto;
这样就可以了。
老师,那我在做整个网页的时候能不能在…..中加入如下代码:
因为一个网页中无非就是表格和div+css,是否可以这样设置呢?
吴昊,
这里不能贴HTML代码,你发到我们的论坛上吧: talking.artech.cn 。
我从学校图书馆里借来了这本书。
照着书上面的学习,可是没有图片相关的素菜,请问可以从哪里下载的么
老师您好!
谢谢您的回复!但现在好像服务器又出了问题。现在我又不能看“CSS设计彻底研究”课程的视频了。JULIA
Julia,
现在可以了,您再试试看~~~
老师您好!
今天我不能看“CSS设计彻底研究(适合提高)”课程的视频,一直是一白屏。也不能DOWNLOAD,当我点击下载按钮时,出现一网页说“些网页不存在”,而后跳转到一个别人的网页。但其它课程都没问题。是什么原因?我昨天早上还看CSS设计彻底研究课程的视频的0课。我非常感谢你们给我们提供这么好的网站。
JULIA
Julia ,
使服务器出了点问题,现在好了,您再试试看?
订单时间:2008-08-27 08:23:12
订 单 号:#890122936
收 货 人:XXX
订单状态:订购成功,库房正在准备处理
商品:
精通JavaScript+jQuery(附盘) (1)
蓝色的风,
好啊,希望这本书对你学习有所帮助!有问题来这里交流,或者到我们的论坛:
http://talking.artech.cn/ 里面有不少热心人。
你们的视频下载下来,播放没几分钟就花屏,或者关闭,是不想让别人看吗?那干吗要放到网上让别人下载呢?郁闷
awen,
如果文件下载全了,播放有问题,您可以换一个播放软件,比如用“风雷影音”播放,效果非常好!
非常祥细,谢谢分享,
分享是最大的智慧。。。。。。。。。。。。。。。。。。。。
37计,
谢谢您的鼓励,欢迎常来这里交流!
老师您好!请问网页全屏应该怎么样设置呢?根据不同的屏幕显示像素,网页都能全屏显示,应改怎么做?
吴昊,
大多数网站的网页宽度都是固定的,比如宽度1000像素,如果大显示器,两边就有产生空白。
如果你希望适应不同的窗口宽度,可以使用变宽布局,看一下:
http://learning.artech.cn/20070430.css-reserch-content-table.html
这里面讲了方法。
专家,问最后一个问题,当下拉菜单出现时会自动把下面层的内容往下顶,应该怎么解决啊?
asp.net,
这个问题好解决,在菜单外面套一个DIV,对这个DIV用绝对定位,他就浮在其它内容上面了,出现的下来菜单就会覆盖下面的内容了。
专家,第一:我会这个星期去买这本书,第二:我遇到一个问题,
#menu li /* li的设置,向左浮动 */
{
float:left;
padding-right:30px;
padding-bottom:5px;
}
#menu li dl /*DL菜单设置 */
{
width:150px;
background-color:#3399CC;
padding:0px 0px 10px 0px;
}
#menu li dt a,#menu li dt a:visited /* dt中的超链接 */
{
display:block;
}
#menu li dd /* dd中的设置 */
{
background-color:#999999;
text-align:left;
display:none;
}
#menu li a:hover dd,#menu li:hover dd /* li中的超链接 */
{
display:block;
}
#menu li dd a,#menu li dd a:visited /* dd中的超链接 */
{
display:block;
font-size:18px;
font-weight: bolder;
color:#CC6633;
text-decoration:none;
}
#menu table
{
border-collapse:collapse;
padding:0;
margin:0;
font-size:1em;
}
今天听了你的课,连续看了五次,还是在本机上调试没成功,他就是不弹出来页面,IE是6.0,还装了一个奥游浏览器,我已经快晕了。专家,看哪里有问题,请指教!
谢谢专家解答!
下面的CSS在Firefox浏览器正常显示,但是在IE中没反应。对比了你的实例代码,
#menu li:hover dd,#menu li a:hover dd
{
display:block;
}
这一句后面的前面是在firefox浏览器中执行正常,后面是针对IE的,就是不执行,html代码中也在li上套了
链接与表格标记,哎…..
如果要制作复杂的多级菜单,还是他踏踏实实地用JS+CSS吧,别在IE6的CSS兼容上花太多力气了,没有什么提高的,而且以后慢慢IE 6用的人就不多了,花那么大力气搞这个,没什么用的。
asp.net,
抱歉,这个案例的代码很长,从局部的代码,看不出问题在哪里。
从原则上来说,用纯CSS制作多级菜单,很不容易,特别是要保证多种浏览器的兼容性,是很困难的。
可以用JS+CSS的方式实现,会容易得多。
看了你的讲解,备感欣慰,确实讲得太好了,讲解的视频也是做得非常细致,可以用“精细”来表达,以前一直用表格来做网页,现在我得变变了,顺便问一下老师,asp.net+sql2005程序开发如果都用div+css做,是不是很麻烦?
asp.net开发,
用asp.net开发,完全基于CSS+DIV是没有问题的。
不过客观地说,用asp.net开发,有些地方代码不是很干净,比如如果你用了很多ASP.net自己的控件,产生的代码使用表格的,这时就只能将就一下了。不过总体布局没有任何问题。
老师
说真的我不能说对css很了解。但是也是入门了。可算我呢对css一直设置的样式自我都感觉不是很理想。比如颜色调配等。是不是审美观不好啊?还是对css要深入。。。
supbose ,
是的,美工和开发是两件事,一个人很难都精通,找一个自己最擅长的领域,发展到极致,就会获得成功!
谢谢提供这么好的教程!
真是太厉害了@!
好久没有去书店了,好久都没有买过书了,不过下个星期有空的话一定要买本你的大作《CSS设计彻底研究》,以做支持!
再次的表示感谢!!!!!!!!!!!!!!!!!!!!!!!!!!
财富 ,
谢谢您的支持!希望我们的书对您的学习有所帮助!
《CSS设计彻底研究》有没有视频光盘阿
星星鱼,
有的,内容就是我们放在网上的内容:
http://learning.artech.cn/category/css-research
不错,我对css正发愁呢。这个好啊。谢了啊。
小米,
CSS并不困难,县办基础原理搞清楚,就很容易了。欢迎常来这里交流!
第3章“CSS中的几何题”
③k:1i的上下margin加上文本高度,即34像素。
我觉得应该是③k:1i的上下padding加上文本高度,即10+10+12=32像素。
这里应该是34px,而不是32像素。具体的解释参见下面这个页面中的第14点:
http://learning.artech.cn/20080221.css-exploring-errta.html
第3章04.html代码有误啊!
样式表部分:
1、li {
margin:20px 20px 20px 20px; /*左侧外边距为0,其余为20像素*/
}
根据注释,那应该是 margin: 20px 20px 20px 0;
2、li.withborder {
border-width:5px; /*设置边框为2像素*/
}
根据注释,那应该是 border-width:2px;
body部分
第1个列表的第1个目内容
应该是第1个列表的第1个项目内容 少了个项
不知道光盘中的代码是否正确。我的光驱早就不行来,手敲代码这个累啊!
ttuurr,
1:这两个注释是写错了,因为最后交稿的之前我又修改了一次代码,注释部分没有注意。
2:亲自输入一次代码,对于学习是很有帮助的,如果总是用现成的代码,永远学不会的,呵呵。
“亲自输入代码”那还行,可是网页中的图片素材怎么办啊?
ttuurr ,
查收你的信箱。
《CSS设计彻底研究》中推荐的“CSS禅意花园”的“收音机”好像不对啊,打开的网页与书中的图片效果不一样啊?!http://www.csszengarden.com/?cssfile=059/059.css
ttuurr,
哦,谢谢,确实写错了,应该是058,写成059了。具体地址是:
http://www.csszengarden.com/?cssfile=058/058.css
我已经买了精通CSS+DIV网页样式与布局(附盘) [图书] 1 ¥36.8元
CSS设计彻底研究(附盘) [图书] 1 ¥51.8元
这两本书
订 单 号:929890654
不知道几天能收到书?
benls,
这个不一定,如果在大城市速度会更快一些,小一些的城市可能稍微慢几天。不过总体来说卓越和当当的速度都不错的。
非常的感谢您提供了这么好的教程 您辛苦了 对我的帮助很大 非常感谢
谢谢,
谢谢您的鼓励,欢迎您常来这里交流!
谢谢给我提供了这么好的视频教程
能不能将实例的源代码 提供给我们呢?
badong,
谢谢喜欢我们的教程。
实例源代码是图书的一部分,一方面我们与出版社有合约,另一方面,一本书的出版有很多很多人的努力,为之付出了辛苦,因此,如够对您有帮助,不妨买一本读一读,相信相信收获会很大的。
可以参考这里:
http://learning.artech.cn/20070802.css-div-buy-book-online.html
本来想在论坛说的,觉得太简单,就在这问吧。
精通那本书的266页最下边那行,position:relative;这句没有什么实质的作用吧,书上解释的是,考虑兼容性,后面几章的例子中也有这种情况,我想知道的具体点。
还有一个问题,float属性,书中240页图10.22,这种情况下为什么浮动的盒子只把不浮动的盒子的边框和背景覆盖,而不覆盖文字呢?
ppcpu :
第一个问题,如果只是为了让一个盒子居中,对于IE6及以后的浏览器,以及Firefox,这里的 position:relative; 确实不用加,不过我不确认是不是对于更老的版本需要作这么个特殊处理。就目前来说,可以不用加。
第二个问题,CSS的规范就是这样的规定的,我们就只能按照人家的规定办,文字会环绕这个浮动的对象。
谢谢老师。:)。
谢谢你这么好的教程,真的对我帮助很大!老师辛苦了~
Dake ,
谢谢您的鼓励,很高兴我们的教程对大家有所帮助!欢迎来这里交流。
还可以到我们的论坛交流: http://talking.artech.cn/
我也做了一组《网页设计与制作》的教学视频集,给大家分享一下,网址是 http://wgzx.hynu.cn/second.htm ,
我在这里推荐可以吗
小唐,
没问题,有什么好的想法,咱们多交流!
是:精通CSS+DIV网页样式与布局的228页.我把名字打上了,怎么没显示阿.
ppcpu ,
尖括号会被屏蔽,没关系,我明白你的意思了。
这两本书我都买了,正看着呢,有个地方不太明白,想问问老师,>
这本书的第228页,说在设置background-color后IE和Firefox 的情况不同,IE不会占据border,而Firefox 会占据border,但是这本书的例10-3中在IE中时background-color就会占据border,我在例10-3中的div的style中加上width:520px这一句后,IE就不会占据border了,但是在例10-5中即使去掉height=”80px” width=”120px,这句,IE并没有什么变化,请老师指点一下,我用的是IE6.
书中在解释这种情况的时候给的例子是10-5,用了个table,这和前面的例子不太一样,还是用div比较好,这样比较起来方面.
ppcpu,
这个问题,IE的表现是比较奇怪,这里有一个问题,和你的问题本质上是同一个问题,你仔细看一下:
http://talking.artech.cn/thread-175-1-2.html
这个教程做的非常好,而且适合有人群也非常广,
总觉得最后要是提供一个小项目让大家边学边实践效果会更好!
再次感谢老师出这一系列教程!
王磊 ,
谢谢您的鼓励和建议,我们也有和您一样地想法!
对了,我朋友昨天去深圳购书中心我让他给我带一本此书,他说没有找到,为什么?那深圳哪有买啊?
今天去看了看,有卖了,不过我买的时候书架上只有一本了
王磊 ,
哦,具体销售情况我们也了解不到,我们只是作者,我跟他们提过能不能给我一个买我们的书的书店列表,不过似乎很困难。
老师您好,第5课中,滑动门技术加阴影,用到一个滤镜的代码是什么,因为视频上无法全部显示出来!
谢谢!
lc,
您在具体说一下,没明白您具体是什么意思。
老师,您好!
书里第七章(7.3)提到的立体菜单在FF中实现时,当鼠标停在边框(border)上时按钮会出现反复的跳跃.请问要怎么改可以更理想点?
24小时,
这个请等我有时间想一想在回答你,目前似乎没有一句话能解决的方法。
你好!提个小问题之前,先感谢作者的辛勤工作,创作出这本好书来.强烈支持……
我的问题是:书中第114页提到的DIV中文字的垂直对齐在IE7中实现不了(文字不知道偏移到哪去了)。请问应该如果解决……
style,
书里写的方法,确实比较麻烦,实际上我在考虑,这样尽管实现了用div的效果,但是这样做与使用一个表格又有什么区别呢? 嵌套了3层div,已经谈不上任何语义了。
我个人觉得这个方法从技术角度,算是个解决方案,但是从Web标准的角度考虑,我觉得还不如用一个表格来实现更好。
强烈支持本站!!!!!购书看视频!!享受啊!!
ylxg521,
谢谢您的支持和鼓励!
我插入了一个SPRY的TAB面板.但浏览的时候浏览器总是弹出一个阻止菜单要点允许它才能正常显示.我想问下怎么能让这个弹出菜单不用手动.自动跳出来呢
烧饼,
传到服务器上以后浏览就没有了,如果要在本地访问时禁止,可以降低浏览器的安全级别,不过似乎没有必要。
书还没有到,但是已经开始学了,看视频了,讲margin那节时,应该再讲讲内嵌盒子时margin的值问题,上下盒子的margin问题讲的很清楚,当然做后面那个习题时就会明白了,但是书还没有收到,呵呵,
ppcpu,
谢谢您的支持!学习过程中有任何问题,欢迎到我们的论坛交流: http://talking.artech.cn/ 。
老师,您好,上次我在网上定了书,因为有朋友去图书大厦,所以已经让朋友买回来了,不知道怎样通知您.通过您的讲解,我真的爱上CSS了.以前也用过CSS,只是用于文字的一些基本设置和几个常用虑镜.才知道CSS有这么大威力.谢谢老师,呵呵
yan,
好啊,希望你能更好更快地掌握CSS!
您说的在网上订是什么意思?在哪里订的?
请求TBA菜单的帮助
老师你好
我请求帮助的是 在你教程里有关于TAB菜单的实列,但是在 Dreamweaver_CS3_SC_V1.1中 新建文件 插如一个选项卡式面板 在CSS都没改动的情况下,IE6浏览时,内容1和内容2一起显示.在设计视图里显示正常,当选择TAB1时 下面显示内容1,选择TAB2时,下面显示内容2.但是在IE6浏览器里是无论选择TAB1还是TAB2,下面显示都是内容1和内容2.真诚请老师帮助,
小焕,
我估计可能是某个细节你搞错了,具体那里错了,我也说不好。
总之你可以这样做:当你创建了一个Tab面板,而没有做任何设置的时候,他一定是正常的,可以切换的,否则就是你的系统有问题。
然后你一点一点修改CSS设置,使它符合你的要求,注意一点,没做一点点设置,立即测试一下,不要设置了好几步在测试。如果你每一步设置都立即测试,你就会发现那个设置导致出现不正确的结果,你就可以针对这个设置分析为什么出问题了。
真的是系统设置问题,改了设置,就正常显示里.谢谢老师.
我是初学也是自学,从一点不懂,到现在跟着你的教程慢慢深入.
在学习的过程中,我体会到了快乐.
很感动...谢谢老师.
小焕,
学习任何东西都有一个过程,又好似后这个过程是很麻烦的,经过了就好了。
祝你学习顺利!
你好 我在卓越网上 订购了《CSS设计彻底研究》一书 我是北京房山区的 货到付款 不知道我能不能收到书 5月20上午订购的 能收到的话 什么时候可以收到 谢谢
小郭,
在北京应该很快的,我估计最多2-3天吧!谢谢您的支持哦!欢迎常来这里交流!
我在北京市区订的话一般24小时以内就可以送到。
老师我从你们网站的视频录像入门非常感谢,“CSS设计彻底研究”还会继续出教程吗?还有就是想学的css hack技术.
楓ミ楪が,
会的,我们还会推出新内容,近期我们会推出的视频教程。此外,我们还会推出非常详细的制作网站全过程的视频教程,但是目前还没有做好。
敬请期待~~~
太谢谢你了 看了您的视频我受意非浅啊
高远鹏,
非常高兴我们的视频能对您有所帮助,如果有问题,欢迎来这里和大家交流!
为什么用fireworks切片总会产生1×1象素的spacer。gif文件,这个小图片有什么用啊
小唐,
这个 spacer.gif是一个透明的1像素图像,作用是在Fireworks生成表格时候,固定住表格的大小,使他不会随着内容的增加而破裂。
希望你们能多出点好视频,特比是JS和CSS,CSS的已经下了
关注中……
xiaoZ,
非常感谢您的建议,我们会尽力提供更多的内容。当然制作内容也需很多时间,最终的视频可能几个小时而已,但是要做好,需要花很多很多时间研究。
老师,你好,很久没来这里逛了。下面是我自己尝试做的一个页面,有个问题搞不明白。这个不是最终完成的。最终的在公司的电脑里,我的想法是下面的部分分为左右两列,一个用左浮动,一个用右浮动。但在ie6里面就出现宽度变宽的问题,并把右边的挤到了下面,我调整了宽度实现了左右并列,但效果并不是我想要的。麻烦老师看下
……
kof0012,
把你的网页挂到网上,然后把url留到这里,具体说明与道德的问题,我可以帮你看一下。
这个教程做的很好!讲解由浅入深,条理性强.我用这套教程学习css,入门很快,效率比较高,老师能不能给我发个此教程中的ppt,我觉得看完视频,复习的时候,看ppt的效率更高.先谢谢了!我的邮箱: jingphu@gmail.com
晶晶,
pptx文件(powerpoint 2007格式)下载:
http://learning.artech.cn/download/reserch-css-pptx.rar
我在练习制作GOOLE的LOGE时怎么第三个字母与第二个的间距与其它的不一样呀?我在不进行任何改变时,是正常的,但是对它们个个字母进行颜色修改后就显示不正常了?这是什么原因呀?
sky,
可能是您的某个CSS属性拼写错误了,仔细检查,添加了哪个属性以后出现问题,可能就是这个属性拼写错了。
建议您一定要提高自己调试的能力,只有这样,遇到问题的时候,才能够尽快地解决它,可以参考一下下面我们这篇文章:
http://learning.artech.cn/20080129.css-debug-skills.html
看了一下覺得很不錯喔,台灣台北有書嗎?何處可買?
sem,
谢谢您喜欢我们的书。给您会邮件了,请查收。
这书真的很不错,是很好的参考。想学的值得看!
和为,
您已经买到了?速度好快,我们自己还没拿到书呢,呵呵。
决定买一本书.
支持国人做免费教程的精神.
视频可以轻松下载,很心慰,而且视频质量非常好,谢谢!
呵呵,
谢谢你的支持,希望您再学习的过程中,常来交流。
这里很多读者提出的问题,对我们也很有帮助。比如经常有一些读者的问题是我们以前没有考虑到的,我们也会进一步的研究,尽力给出满意的答案,这个过程本身对我们也是很大的提高。当然我们也不敢保证所有问题都能解决,但是我们会尽力解答所有有价值的问题。
我昨天刚买了一本《精通CSS DIV网页样式与布局》,实在写得很棒!请教一个问题:在页面中有10个标题,怎样用CSS定义这10提标题之间的上下行距?我翻看了该书的样例,好像没有类似的代码。我试着在LI中定义,结果出现了从上到下行距逐步加宽的问题。希望老师能给予指导。
CSS初级爱好者,你好!
h1{line-height:40px} 即可使每个h1标题的行高为40像素,从而行距也就变大了。
实际上还可以用padding或margin增加行距,效果略有区别,你仔细一章一章读完,自然就会了解。CSS的盒子模型是一个核心内容,别着急,别跳着读,按部就班就不会漏过任何内容。真正理解了核心原理,具体代码自然就能写出来。
祝你学习顺利,有问题尽管提出来,大家讨论。
一口气看完了15课教程,制作得非常系统,非常出色,期待着书籍的出版!
还有,请问天津那家书店可以买到?
谢谢!
天津读者,您好,
到时候天津会有卖的,或者在网上书店购买,既方便,又能打折,也不错。谢谢您喜欢我们的教程!CSS确实是非常有趣的一门技术,越研究越有趣,所以我们在本书前言里才说“爱上CSS”!
非常优秀的教程,非常优秀的书籍,非常优秀的网站,非常优秀的作者
wszhou,
谢谢您的留言,希望有机会进一步交流提高!
今天第一次来访了,, 偶然间网上搜索到了,, 真的很高兴, 都说免费观看, 今晚睡不着了,现在是初学者,DW 基础 自己自学一点了 忽忽 直接跑这里 不知道能不能 理解下去。决定还是体验一下吧。希望广大朋友们多多指教啊~`
JEY,
希望课程对你有一些帮助,其实学习最关键的还是自己感兴趣,愿意花力气。只要你有兴趣,有钻研的精神,就肯定可以掌握,何况网页制作又不是发射火箭,很easy的!祝你学习愉快。
这本书要到什么时候才能上市啊
现在出版社的效率很低的,希望尽快上市
dnvisual ,你好!
出版图书和在网上发文是完全不同的,出版图书要求非常严格,有国家标准,有严格的三审、校对流程,所以慢一些也是可以理解。现在计算机图书竞争极其激烈,出版社编辑也希望尽早上市,大家都在努力中。
dnvisual ,
如果顺利应该在元旦左右上市,出版社编辑正在加紧工作中!~~~
太棒了,当当上面应该会有卖吧?!
当当、卓越、淘宝上都会买的,到时候选自己方便的方式即可了,谢谢您的支持!