CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声明。CSS技巧1.d ...
上一课对CSS如何引入HTML页面进行了介绍,本课重点介绍CSS如何控制页面中的各个标记。从控制HTML标记的不同方法入手,介绍各种选择器的概念,以及选择器的声明等,最后介绍CSS继承在实际设计中的运用。CSS选择器选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记 ...
大家好,如果说目前在Web设计和开发技术领域,什么是非常“火”的新技术,CSS/DIV页面的布局无疑是其中之一。因此,前沿视频教室将在2007年7月锁定CSS,把这个月设为“CSS/DIV网页设计主题月”,专门对CSS进行深入的透析!我们一共将分大约20讲,对CSS/DIV网页设计进行讲解, ...
使用CSS进行网页布局的基本思想就是:结构化标记,所写即所想,所想即所写。即便书写CSS很简单,使用CSS来排版却真的需要一种和我们以往有些不同的思维方式。我们排版时考虑的不是“这个东西放在这儿,那个东西放在那儿”,而是页面中信息的类别和信息的结构。我们用h1标记来 ...
2003年在美国旧金山召开过一次名为Seybold的有关设计与排版的研讨会,详情请见http://www.seybold365.com/sf2003/。在这个研讨会上,美国的一个叫做ScottDesign的公司,做过一个关于CSS网页布局与传统表格布局之间比较的讲演,生动有趣,今天的内容就是根据那次讲演的文档进行 ...
一、不同书写顺序示例首先是比较聪明和值得推荐的写法:.not-a-square{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}下面就是我们可能不怎么在意的,可能会产生问题的书写顺序:.not-a-square{border-radius:10px;-webkit-border-rad ...
今天同事给我看了一个display:none引起的3像素的BUG,非常奇怪!从来没碰到过display:none还能引起这种bug。看代码:<divstyle="width:300px;margin:20px;border:1pxsolid#000;overflow:hidden;zoom:1;"><divstyle="background:green;wid ...
一、absolute属性的情感化认识我对position:absolute属性感性化的认识:absolute是一个善良的有个性的,我行我素、喜欢凌驾一切之上的魔鬼。这家伙,不喜欢也算不上讨厌,但是知道没事最好少招惹,免有后患。二、position:absolute与float:left是近亲先给大家讲个故事吧。曾经 ...
在网页设计时,能否控制好各个模块在页面中的位置是非常关键的。在前面的课程中,已经对CSS的基本使用有了一定的了解。本课在此基础上对CSS定位作详细的介绍,并介绍重要的div标记,讲解利用CSS+div对页面元素进行定位的方法,并分析CSS排版中的盒子模型以及二维三维定位等。 ...
上一课中主要讲解了CSS对页面中各个元素的定位,本课在此基础上,从页面的整体排版出发,介绍CSS排版的观念和具体方法,包括CSS排版的整体思路、两种具体的排版结构、电子相册的几种版式制作,以及与传统表格排版方法的比较。1.CSS排版观念CSS的排版是一种很新的排版理念,完 ...