随笔分类 -  DIV+CSS

上一页 1 2 3
CSS实现样式布局
摘要：使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。 1、有疑问，先验证 在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。在其他浏览器中进行测试之... 阅读全文
posted @ 2014-11-04 12:46 豫见世家公子 阅读(361) 评论(0) 推荐(0)
CSS对浏览器的兼容性(IE和Firefox)技巧整理
摘要：CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。C... 阅读全文
posted @ 2014-11-04 12:32 豫见世家公子 阅读(233) 评论(0) 推荐(0)
网页制作常见的问题（怎样兼容IE6/IE7/火狐浏览器）
摘要：1、IE6双边距问题？ 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG例如:因为加上浮动后就会多出一倍的边距，浮动后本来外边距10px,但IE6会解析成20px,只需要在div的样式里加上display:inline;就可以... 阅读全文
posted @ 2014-11-04 12:31 豫见世家公子 阅读(214) 评论(0) 推荐(0)
CSS浏览器兼容的那些事儿
摘要：1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 lin... 阅读全文
posted @ 2014-11-04 12:30 豫见世家公子 阅读(198) 评论(0) 推荐(0)
CSS透明属性详解
摘要：.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}上面的几个属性分别是:opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox... 阅读全文
posted @ 2014-11-04 12:29 豫见世家公子 阅读(626) 评论(0) 推荐(0)
filter:alpha(opacity=100,style=1)
摘要：filter:alpha(opacity=100,style=1)1、opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；2、style属性：设置渐变风格；0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。filter：alpha（opacity=opc... 阅读全文
posted @ 2014-11-04 12:27 豫见世家公子 阅读(399) 评论(0) 推荐(0)
CSS透明度大汇总
摘要：近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。 这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所... 阅读全文
posted @ 2014-11-04 12:22 豫见世家公子 阅读(437) 评论(0) 推荐(0)
Microsoft.AlphaImageLoader滤镜讲解
摘要：Microsoft.AlphaImageLoader是IE滤镜的一种，其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片，但是就IE5-IE6而言还是有一定的意义。语法：filter : progid:DXImageTransform.Micros... 阅读全文
posted @ 2014-11-04 12:21 豫见世家公子 阅读(329) 评论(0) 推荐(0)
CSS中a标签样式的“爱恨”原则
摘要：CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是：1 :link2 :visited3 :hover4 :active因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和... 阅读全文
posted @ 2014-11-04 12:18 豫见世家公子 阅读(578) 评论(0) 推荐(0)
#nav li:hover ul 与#nav li a:hover ul 的区别
摘要：#nav li:hover ul 与#nav li a:hover ul 有什么区别？────────────────────────────────────────────#nav li:hover ul 与#nav li a:hover ul 的区别在于前者是鼠标在li上时的ul的样式后者是鼠标... 阅读全文
posted @ 2014-11-04 12:14 豫见世家公子 阅读(1095) 评论(0) 推荐(0)
css sprites介绍
摘要：一、CSS Sprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。CSS S... 阅读全文
posted @ 2014-11-04 12:04 豫见世家公子 阅读(495) 评论(0) 推荐(0)
CSS样式优化
摘要：一、css代码优化作用与意义1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少，便于日后维护3、让自己写的css代码更加专业。二、css代码优化的方法1.使用简写如果你现在还对简写一点都不了解，那你就又写落伍了，... 阅读全文
posted @ 2014-11-01 16:43 豫见世家公子 阅读(376) 评论(0) 推荐(0)
网站页面常用的尺寸
摘要：一、网页设计中的高度和宽度1、高度高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。2、宽度1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003... 阅读全文
posted @ 2014-11-01 16:42 豫见世家公子 阅读(1142) 评论(0) 推荐(0)
display：inline、block、inline-block 的区别
摘要：一、块级元素 与行级元素要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。1、块级元素总是另起一行开始；高度，行高以及顶、底边距都可以控制；宽度缺省是它所在容器的100%... 阅读全文
posted @ 2014-11-01 16:41 豫见世家公子 阅读(388) 评论(0) 推荐(1)
CSS文档流
摘要：很多CSS的书籍在谈到CSS的定位机制时都会提到一个关键词“文档流”，然而可能这词对于作者来说简单得不需解释吧，所以很少见到有这词的具体解释，然而本人认为弄懂本概念对能否很好理解整个定位机制来说很关键！网上查了一下网友的理解，再翻了下W3C，结合自己理解。可以用W3C上面的一句话来概括：“元素的... 阅读全文
posted @ 2014-11-01 16:39 豫见世家公子 阅读(281) 评论(0) 推荐(0)

上一页 1 2 3