读完《精通CSS》
![]()
因为在准备图书第二版的事情,因此也买了后来出的一些同类型的图书回来阅读,互相学习,尤其是国外的读物。图省事,不打算字字阅读英文原版,买了《CSS Mastery》的中文译本,也就是人邮出的那本,花了几个晚上的事情,消磨干净。
其实作为一本CSS图书的作者,写这本书的情况的话,肯定是带有很多主观因素,不过管他的呢,反正就是学习一下,意思一下嘛,写给自己的备忘。
(more…)
![]()
因为在准备图书第二版的事情,因此也买了后来出的一些同类型的图书回来阅读,互相学习,尤其是国外的读物。图省事,不打算字字阅读英文原版,买了《CSS Mastery》的中文译本,也就是人邮出的那本,花了几个晚上的事情,消磨干净。
其实作为一本CSS图书的作者,写这本书的情况的话,肯定是带有很多主观因素,不过管他的呢,反正就是学习一下,意思一下嘛,写给自己的备忘。
(more…)
很久没有来更新BLOG了,因为这三个月来除了过春节基本上都是在公司过的。今天之所以更新一下主要是因为今天开始动工编写图书的第二版了,第一版出版的时候没有仔细检查编辑后的版本,结果导致了书中大量错别字问题。二个月前自己读了一篇,然后结合网友提供的建议,将书中的错别字进行了大范围的更新,读者如果现在去书店购买的话,图书应该全都是二次印刷的,改正错别字后的版本了,可以放心购买。
另外答应出版社要将书的内容重新修订整理做成第二版,所以今天开始动工。第二版首先是对第一版进行更新,第一版中的一些图片我想换掉,也要纠正一些错误,然后有读者提出有些内容没有讲细,有的内容又讲得过多了,因此我会再考虑一下进行修改。另外结合近二年来的一些新的CSS问题,增加部分内容与章节,希望本书的第二版,将是一本精品读物,值得收藏的CSS图书,我也和编辑打过招呼了,这次的排版和封面我也要亲自动手设计,保证以我的要求完整印制出来。今天的工作是修订部分错误和写提纲,这周又会休一周(公司加班),然后准备大干2个月,大家有啥建议欢迎给我留言。
附《CSS布局实战》(第一版)二次印刷的修改列表(真不好意思,真多啊^^):
(more…)
一转眼又过二周,离春节越来越近了,二年没回了,去年因为写书一个人在北京度过,今年不管怎的得回家和家人朋友聚聚了,这二周没怎看BLOG,结果又被几百个垃圾评论抢了沙发,会做数学题的看来是越来越多了~
二周前编辑催稿希望能把"CSS布局实录"一书进行改版做第二版,我也有这个想法,必尽第一版上的校对问题和包装都不尽人意,希望能做成精品,但看现在的工作状态,年前肯定没办法动工了,年后好好想想吧,如果可能的话这次我得从内容到包装都自己搞了,这样才对得起观众才是~大家希望有什么CSS和网站方面的内容需要进一步了解的,欢迎留言,我会在编写之前收集意见~
有时候一个图片可能要用在WEB中的不同位置,而且极有可能每个位置所要求的图像的大小不一样,一般情况下大家可能就是去设这个图片的width和height了,但也会引起图象显示不好看及变形。
如果采用CSS换一个思路来控制的话效果会好得多。
CSS支持图象的剪切模式,有点像Photoshop中的Canvas Size画布大小调整,我曾使用过二种CSS控制方式达到这个效果,简单介绍一下
A、标准方法
使用CSS自带的Clip属性,例:
图象使用CLIP前
图象使用CLIP后
看出变化了吗?图象被剪载了,这样能有效保证图象不会变形,对于一般情况来说,这样做缩图效果会比较好,代码:
img{
position: absolute;
clip: rect(20px 100px 60px 20px);
}
注意,使用RECT的话,必须设position:absolute;
B、技巧型方法
这种方法也是我制作闪客帝国首页时用到的,因为需要在图片外面加上个黑边,所以如果直接CLIP的话,border黑边也会被裁进去。我使用DIV也能达到同样的效果
我把蓝边加在DIV上,效果也不错,现在帝国首页就是这样剪裁的,让图象在里面向左和上方负数偏移,DIV固定宽高。
代码:
div {
BORDER: #000fff 1px solid; OVERFLOW: hidden; WIDTH: 80px; HEIGHT: 40px;
}
img{
MARGIN: -20px 0px 0px -20px
}
好像也是这二天,CSDN新版网站也上线了,同样采用CSS+HTML结构制作,不过表格混排还是不少,相对帝国来说,CSS的工作量应该小一些,因为不涉及象素级的排版变化。看来有越来越多的网站开始关注使用WEB标准了,前景乐观!
界面XHTML部分已经完全没有问题了,flash采用JS欺骗的模式。大家可以上去校验试一下
本版看点:
XHTML+CSS网站结构
新增My.FE个性化会员区,包括BLOG,交友等功能
新增动画分类引擎,能通过各种分类方式寻找FLASH动画,编辑正在不断维护中
新增系列动画,FLASHMV,游戏等专区
新增熊猫部落游戏系列
新增DIY游戏系列
后续
经过了近半年时间,断断续续的开发,闪客帝国新版网站终于决定在今天上线了。这次改版由我参与了新版内容策划,设计,程序,编辑等工作,当然,非常多的地方没有做到最好,自己还是没能坚持将每一个细节落到实处。改版的过程是快乐并痛苦着,新版在设计上和技术上都有些变化,会带给大家一些全新感受。新版网站还有很多地方有不足,在未来几天内会着重修改一些基础漏洞,这次改版完全投入了商业化的思路和技术,以后的闪客帝国一定会越走越好,虽然我也许不能再参与了。希望闪客帝国网站真正从一个个人网站顺利过渡到商业网站,引领中国又一个传奇,继续带给我动力。
使用XHTML做的网页中,头部一般是
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
标记组成。。
记住。在这个标记之前,千万不可以加html;<!—->的注释,否则会引起IE6解释CSS错误….导致你做得非常完美的样式表实际表现是错误的…
失败~