目前用来清除"闭合(清除)浮动"的方法,主要是一下四种: 1. 额外标签法 这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏
2015-06-28 今天萌发一个想法,用css来实现透视效果。起初,我想到的是我们常见的添加阴影效果的方法,用多个div通过偏移来实现,但这需要很多 div,不够理想。随后,我想到css的一个属性:border,在border相连接处可以产生对角线效果。这样用两个div就可
2015-06-28CSS网页布局,说难,其实很简单。说它容易,往往有很多问题困扰着新手,介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助。然而更多的时候,我们往往被一些小问题缠着不能轻松。今天向大家介绍八个技巧,这些技巧显得很有用。一、若有疑问立即检测在
2015-06-28本文向大家描述一下解决XHTML+CSS兼容性的五个方案!虽然使用XHTML+CSS构架好处不少,但也确实存在一些问题,这里和大家分享一下解决方案。 解决XHTML+CSS兼容性的五个方案! 使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思
2015-06-28同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋,下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 CSS常见的让元素水平居中显示方法 用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表
2015-06-28今天做了FLASH上加入一个链接的效果,通常情况下这种事应该改一下FLASH原文件就可以,但在非凡情况下需要我们加入一个层然后加入一个链接的方法实现。 先简单说一下实现这种效果的一般方法: 建好一个块模型DIV,然后放入两个子元素DIV,一个用来放FLASH,另
2015-06-281.css 字体简写规则当使用css定义字体时你可能会这样做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性:
2015-06-28其实水平居中实现还是比较简单的,反而垂直居中有点麻烦,因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面布局过程中实现垂直居中的方法。在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使
2015-06-28在表格布局时代,不需要过多的考虑垂直居中的问题,在单元格中,默认就是垂直居中的,一行文字是垂直居中,三行文字同样也会垂直居中。进行CSS网页布局,这样的形式改变了。文字默认是居于容器顶部。如下所示: <!DOCTYPE html PUBLIC &
2015-06-28区别IE6与FF:background:orange;*background:blue;区别IE6与IE7:background:green !important;background:blue;区别IE7与FF:background:orange; *background:green;区别FF,IE7,IE6:background:orange;*background:green !important;*backgrou
2015-06-28一、CSS字体属性简写规则一般用CSS设定字体属性方法:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;可以把它们全部写到一行上去:font: bold italic small-caps 1em/1.5em verdan
2015-06-28一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的代码: p {
2015-06-28浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左-->中-->右来书写,要么就是到过来从右-->中-->左来书写,要做到要求的效果,那首先要书写的是中栏的代码。 所以我首先定
2015-06-28CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中,也包含了这方面的内容。轻松的解决CSS bug是
2015-06-28用HTML制作网页就象是用画笔绘制一幅图画。只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果,这并不是正确的工具和灵活性就可以实现的。 任何使用过HTML一个多星期的人都知道HTML是一种非常好的网页制作工具。所以有时候我们不得不制作体积相当大的GI
2015-06-28今天要学习的CSS特点包括: 字模系列字号字重字体风格字体参数文字变形文字修饰字体 2.2 按照字体名称调用字体第1个问题:你如何指示浏览器显示你希望的字体?仅仅在字模后面键入字体的名称就行了吗?很
2015-06-28我们看看list-style-type在IE与FF中希奇的现象解析,我们看下面的代码: 经典论坛原文 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo
2015-06-28white-space: nowrap当中文文字很长的时候(中间没有空格也没有换行符号),不管是IE还是firefox,到达边界都会自动换行。但是有的情况,我们并不希望这样。比如:当在几个li并排排列,不想让每行的最后的一个li的文字自动换行,那就可以用本属性了。使用这个css属
2015-06-28初学div css网页布局的设计者经常会被一个问题困扰着。在IE和其他(Mozilla、Opera等)浏览器里显示的效果经常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。!important是CSS1就定义的语法,作用是提高指
2015-06-28屏蔽IE浏览器(IE下不显示)*:lang(zh) select {font:12px !important;} /*FF,OP可见*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7识别* html {…}当面临需要只针对IE7做
2015-06-28