CSS - 随笔分类(第2页) - 念时

自整理IE6,IE7,IE8,Firefox兼容方案。。。

摘要：.hacktest {color:Red;} /*Firefox*/*html .hacktest {color:green;}/*IE6*/*+html .hacktest {color:blue;}/*IE7*/.hacktest {color:brown\9;} /*IE8*/强制让IE8按IE7解析Css长英文字母自动换行CSS最佳CSS定义换行代码.wrap { table-layout:fixed; word-break: break-all; overflow:hidden; }这里 overflow:hidden;或者 auto；阅读全文

posted @ 2009-07-31 09:51 念时阅读(280) 评论(0) 推荐(0) 编辑

著名的万能float闭合

摘要：/*说明: 需要注意的就是#main的padding值、footer的高度和负margin值，需要保持一致。下面是著名的万能float闭合Clearfix Hack*/.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-bl... 阅读全文

posted @ 2009-07-21 12:15 念时阅读(347) 评论(0) 推荐(0) 编辑

固定宽度弹性布局（以适应各种各辨率）

摘要：最佳网页宽度及其实现——新手可了解一下 1. 设计网页的时候，确定宽度是一件很苦恼的事。以minifun.cn为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122x160，这应该是手机；最大的分辨率是3360x1050，天知道是... 阅读全文

posted @ 2009-07-21 09:33 念时阅读(772) 评论(0) 推荐(0) 编辑

用CSS灵活设置字体大小

摘要：用DIV+css来写网站结构也有一段时间，在此过程中发现有时候需要把字体设置成比12px，而比14px小的字体（13px在IE中无法区分出大小来和12px一样）。今天发现用 font-size:small; 可以很好控制好字体的大小。　　首先设置一个基础值在标签中 body{font-size:small;} 　　以这个字体大小为基础，在其他标签中设置百分比 h1{font-size:12... 阅读全文

posted @ 2009-07-20 10:02 念时阅读(1189) 评论(0) 推荐(0) 编辑

最简单的CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox

摘要：代码:selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _property:value; /* IE6 */ }当然，注意顺序。根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。阅读全文

posted @ 2009-07-20 09:34 念时阅读(193) 评论(0) 推荐(0) 编辑

去除点击链接时出现的虚线框

摘要：去除点击链接时出现的虚线框链接在被点击时会出现虚线框，即使松开了也仍然存在，在有的时候显得不美观。既然不好看，那就不要它。怎样去掉呢？方法一 IE下可使用其私有的html属性：hideFoucs，在标签的结构中加入hidefocus="true"属性。即： <a href="http://www.cs... 阅读全文

posted @ 2009-07-20 09:29 念时阅读(229) 评论(0) 推荐(0) 编辑

[Web 开发] 获取页面元素的坐标及大小

摘要：获取页面元素的位置坐标以及大小尺寸是Web开发中的常见问题。这篇MSDN 文章《Measuring Element Dimension and Location》是非常好的资料，推荐读一下。我把文中的示意图转帖在这里，便于参考：阅读全文

posted @ 2009-06-29 14:19 念时阅读(655) 评论(0) 推荐(0) 编辑

CSS十大经典问题

摘要：1.超链接访问过后hover样式就不出现的问题代码:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“> <html xmlns="http://www.w3.org/1999/... 阅读全文

posted @ 2009-06-26 09:53 念时阅读(272) 评论(0) 推荐(0) 编辑

根据浏览器的宽度自动调整位置

摘要：根据浏览器的宽度自动调整位置之前我是这样写的：STYLE="MARGIN-LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth/2)-50); " 这样可以达到效果。阅读全文

posted @ 2009-06-26 09:22 念时阅读(333) 评论(0) 推荐(0) 编辑

FF,IE6,IE7浏览器兼容问题。

摘要：5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式5、最狠的手段 - !important; 如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下 .tabd1{ background:url(/res/images/up/tab1.gif) no-... 阅读全文

posted @ 2009-06-19 11:32 念时阅读(209) 评论(0) 推荐(0) 编辑

margin:0 auto;在IE8里不再居中啦

摘要：IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中啦，下午回来再看看有什么办法居中，太平洋的前端也说他们公司无视IE8的存在，测试还是以前的版本。原因找到啦，我把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。百度搜索的资料：程序代码<style type="text/css"&g... 阅读全文

posted @ 2009-05-27 09:45 念时阅读(2100) 评论(1) 推荐(0) 编辑

clientLeft，clientWidth，clientX 等等

摘要：clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。 clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。 clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。 clientX 设置或获... 阅读全文

posted @ 2009-05-23 15:55 念时阅读(324) 评论(0) 推荐(0) 编辑

无法设定span宽度(失效)问题的解决方法

摘要：缺省情况下span的宽度设定无效在html中如何设定span的宽度？这看上去是个很简单的问题，似乎用style中的width属性就可以。例如，<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><... 阅读全文

posted @ 2009-05-15 10:50 念时阅读(2116) 评论(0) 推荐(1) 编辑

CSS精粹之布局技巧

摘要：CSS精粹之布局技巧 VIEW: 5924 1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org 请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令浮动是... 阅读全文

posted @ 2009-05-12 14:31 念时阅读(213) 评论(0) 推荐(0) 编辑

Css命名规范

摘要：常用的CSS命名规则：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：subm... 阅读全文

posted @ 2009-05-08 12:07 念时阅读(220) 评论(0) 推荐(0) 编辑

（IE6下）png透明问题分析及解决办法

摘要：在web前端开发中，经常会遇到需要用背景或图片透明的问题。首先，目前我们所面临的情况是：1.在ie7+,firefox,safari,opera这些常用浏览器中，直接使用透明png是没有问题的，但在ie6下却不能透明。2.ie6目前的时常份额仍然很大，我们必须考虑兼容ie6的问题。解决办法：1.使用gif代替，再各个浏览器中都可以透明，但效果不好，有毛边，这种在图片像素较单一，质量要求不是很高的情... 阅读全文

posted @ 2009-05-07 09:21 念时阅读(664) 评论(0) 推荐(0) 编辑

推荐网页布局设计流程

摘要：其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法： 1.打开fireworks将图片切割导出为html。2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。以上是大多被采用的方法，但都不好：第一种方法最为不好，这样的代码根本不... 阅读全文

posted @ 2009-05-06 15:13 念时阅读(250) 评论(0) 推荐(0) 编辑

CSS经验：与您分享六个CSS习惯

摘要：一、用class_name方式写类名。以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式，理由见下一条。二、样式都用class而不用id。有三个理由，一，id不可以重复，所以用class的话，可以肆无忌惮的用无数次。二，id的优先级太高，若是写了一个#page_content a... 阅读全文

posted @ 2009-05-06 11:29 念时阅读(188) 评论(0) 推荐(0) 编辑

火狐浏览器下DIV不能居中的解决办法

摘要：加上以下样式： * {margin:0px auto; padding:0px;} 阅读全文

posted @ 2009-04-22 14:24 念时阅读(462) 评论(0) 推荐(0) 编辑

设置滚动条属性div|textarea

摘要：上下/左右滚动条都有123 只产生左右滚动条 123 只产生上下滚动条 123 下拉滚动条(带颜色的) 看有这两行没,W3C XHTML兼容代码,去掉那行代码就可以了. 都删除掉就可以了 1111111111111111111111122222222222222222222222 33333333333333333333331... 阅读全文

posted @ 2009-04-21 14:51 念时阅读(6577) 评论(0) 推荐(0) 编辑

随笔分类 - CSS