![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css+div
zky0901
业余做得玩,熟悉一些asp,asp.net,.net,MS-SQL,还有其他乱七八糟的东西,欢迎大家一起进步!
展开
-
解决在不同浏览器中使用空格符效果不同的问题
今天外星人同学问我了一个问题,在IE和FF中使用空格符但是显示效果却不一样(使用 但是宽度却不同)起初以为是没写DOCTYPE的问题,但是她说写了。后来就自己试验了一下,发现了问题,记录一下。原理是这样的:不同的浏览器会有不同的默认字体,我写了一个测试的文件在IE下和FF下都是正常的,但是在Safari下显示效果却不一样。一般IE和FF的默认字体都是宋体,而Safari的默认字体是T转载 2013-09-27 11:32:43 · 4569 阅读 · 0 评论 -
网站各平台解封流程
360安全卫士第一步:删除木马病毒等程序。当看到自己的网站被360屏蔽时,首先检查网站是否被挂马,删除木马程序。第二步:减少可以直接下载的链接。下载链接过多容易被网盾误杀,可以给链接加密,或设置下载权限为【登陆后才能下载】,这样可以在一定程度上防止被360误杀。第三步:去除过多的广告,尤其是弹出广告。此类广告非常容易被屏蔽,尽量使用图片或者flash格式的广告,若非要使用弹出广告, 可转载 2013-08-23 10:03:00 · 2974 阅读 · 0 评论 -
解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
今天在公司测试Magento模版的兼容性时发现了一个问题 - 谷歌浏览器(Google Chrome)不支持小于12px字体?!其实在做前几个项目的时候在测试浏览器兼容性的时候有发现过这个问题。当时没有太在意,因为没有错乱的问题。今天由于在CSS设置的大小是10px,且父级DIV宽度也刚好只能容纳10px大小的字体宽度。所以在谷歌浏览器里就错乱了。这还了得,不得被客户劈死。得想办法解决呐!正好前几转载 2013-08-19 17:49:16 · 8824 阅读 · 2 评论 -
很好的垂直居中实例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" xml:lang="en">Demo:: vertical align: middlehtml,body,div,h1,h2,pre,dd,ol{margin: 0;padding: 0;border: 0}html{min-width:转载 2008-05-02 19:56:00 · 532 阅读 · 0 评论 -
高度居中实例
.square{ width:400px; height:500px; border:1px solid #CCC; text-align:center; } .photo{ margin-top:expression((parentElement.parentElement.offsetHeight-this.of原创 2008-05-02 23:22:00 · 501 阅读 · 0 评论 -
未知高度的居中
.big{position:relative;width:300px;height:300px;background:#ffff00;}.small{position:absolute;top:50%;left:50%;background:#ff6600;}测试测试测试测试测试测试其他内容此处关键是绝对定位的问题,要注意的是定位居中是以内容块的左上角确定居中的,absolute很容易原创 2008-05-03 13:59:00 · 472 阅读 · 0 评论 -
CSS实现完美垂直居中
http://blog.csdn.net/octobereva/archive/2008/04/08/2261486.aspx原创 2008-05-02 19:36:00 · 339 阅读 · 0 评论 -
clientHeight / scrollHeight / offsetHeight 等属性的区别图
今天写后台程序,用到一个效果,就是弹出层,背景mask,前景就是类似小窗口的操作层,效果同lightbox,其实有很多的js可以用的,但还是习惯于先自己写,毕竟时间久了不复习的话吗很容易遗忘的。郁闷的是,弹出的层居中到时居中了,就是不是可是范围内的居中,(因为页面很大,有滚动条),一时半会竟没有处理好,郁闷的,先做记录,有空慢慢处理。网页(内容)可见区域宽:document.body.cl转载 2008-05-02 22:53:00 · 998 阅读 · 0 评论 -
clientHeight vs. offsetHeight
许多文章已经介绍了clientHeight和offsetHeight的区别,就是clientHeight的值不包括scrollbar的高度,而offsetHeight的值包括了scrollbar的高度。然而,clientHeight和offsetHeight的值到底由什么组成的呢?如何计算这两个数的值?1. clientHeight和offsetHeight的值由什么决定?假如我们有以下的转载 2008-05-02 22:58:00 · 1070 阅读 · 1 评论 -
网页制作中九种用途特效按钮的代码
网页制作中不可避免的要用到按钮,本文列举了一些常用的按扭代码。 查看源代码 以下是引用片段: 返回上一步 以下是引用片段: 刷新按钮一转载 2008-05-02 23:42:00 · 969 阅读 · 0 评论 -
应用ul、li实现表格形式
昨天在52CSS.com的留言板,有一位朋友在呐喊:用DIV的UL LI要如何实现表格的那种形式啊? 我感觉挺纳闷,表格的数据,就应该使用表格来组织,不是说制作符合WEB标准的网站,表格就一无是处、彻底下岗了。表格类的数据,它有着得天独厚的条件,也非常方便组织。这类数据内容直接使用表格就可以了。 或许你认为你的数据并不是表格式的数据,还有着其它的用法或你自己的见解,我们也可以用ul、li来转载 2008-05-03 09:04:00 · 1254 阅读 · 0 评论 -
CSS实现不定高度DIV绝对居中
一般来说,指定高度的DIV垂直和水平居中比较方便,而不定高度的话就稍微麻烦了点,我尝试了一下,通过2个辅助的DIV实现了绝对居中,兼容IE和FF等标准浏览器。CSS代码: #wrapper{height:100%;width:100%;overflow:hidden;position:relative} #wrapper[id]{display:table;}转载 2008-05-02 23:24:00 · 748 阅读 · 0 评论 -
两栏对齐的最简单做法
body{ margin:0px; height:100%;}.aa { height:500px; background-color:#006699;}#left { background-color:#CCC; width:300px; height:100%; float:left;} left转载 2008-05-03 08:25:00 · 969 阅读 · 0 评论 -
CSS中参数的使用
margin: (1)一个参数值,将用于全部的四边。 (2)两个参数值,第一个用于上-下,第二个用于左-右。 (3)三个参数值,第一个用于上,第二个用于左-右,第三个用于下。 (4)四个参数值,将按上-右-下-左的顺序作用于四边。转载 2008-05-08 16:29:00 · 907 阅读 · 0 评论 -
打败 IE 的葵花宝典:CSS Bug Table
<br />作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不 过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别是IE6。搞定了IE6,基本也就能称霸半个江山了。搞定了IE,也相当于 占领了7、80%的领转载 2011-05-20 20:09:00 · 481 阅读 · 0 评论 -
ie6 ie8不兼容问题
一. 设置float后,margin双倍距离问题 1.加display:inline解决 如:margin-left:10px; display:inline; 2. IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important,转载 2012-11-06 16:56:41 · 477 阅读 · 0 评论 -
HTML表格边框的设置小技巧
对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性,比如:,其效果如下:IDNAMEGENDER1001mikemale可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是之间有间隙所致。因此只需要修改转载 2013-01-23 15:37:32 · 646 阅读 · 0 评论 -
DIV CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)转载 2013-01-29 13:56:07 · 798 阅读 · 0 评论 -
符合标准绝对垂直居中
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">完美的水平垂直居中!!--兼容ie6,ie7,ff,opera,safari的水平垂直居中.wrapper{ width:700px; height:400px; background:#ccc; border:1px #00转载 2008-05-02 19:54:00 · 493 阅读 · 0 评论