-
css margin-left在IE6下的问题的解决方法
比如原来是margin-left:20px,经过ie6的解释会变成40px 解决办法是在原来的margin-left后再加上一个_margin-left:10px,变成margin-left:20px;_margin-left:10px 后者的样式将只适用于ie6 问题解...
作者:asdasdasd11-19 -
对css性能优化的一点看法
现在据我知道比较好的用来测试网页性能的工具有两个,分别为:老牌的雅虎yslow,新秀google page Speed。
作者:asdasdasd11-19
怎么会突然想起谈css与性能优化呢?其实这个问题我已经想了很久了,想写,但是也不知道从... -
CSS 网页布局时常犯的10个小错误整理
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼...
作者:asdasdasd11-19 -
IE8样式不正确显示问题
在<head>里添加<meta http-equiv="X-UA-Compatible" content="IE=7" />即可 注意要添加在引入样式表<link href="../css/css.css" type="text/css" rel="Stylesheet" />的前面
作者:asdasdasd11-19
... -
CSS 折叠的菜单实现代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者:asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta h... -
css+div的一些易错点小结
开发尽量不要用margin和padding属性,因为在不同浏览器下效果会不同,建议使用line-height,如果一定要用,要注意在IE6和IE7与其他的浏览器的效果不同。在用的过程中如遇到问题,可以在百度里搜...
作者:asdasdasd11-19 -
ie6和ie7中的链接图片点不中问题讨论
最近重新审视了一下块集元素和内联元素,不是混淆,而是重新想了一下新的东西,有时候在我们进行重构的时候,偶尔会为了实际需要而将内联元素强制显示为块集元素,在一般情况下,这个是不会出问...
作者:asdasdasd11-19 -
div中子div在firefox ie 水平居中对齐
比如: <div> <div> </div> </div> 想让子div在父div中水平居中对齐,如果在css中写 div { text-align: center; }的话在ie中浏览没有问题,但在firefox中依然左对齐。 所以必须再加一个样式 div...
作者:asdasdasd11-19 -
关于html元素的 width属性无效果的解决方法
1.关于元素的 width属性无效果 先运行下程序看下:
作者:asdasdasd11-19
<span style='background-color:#336699;width:300px;'>123</span> 提示:您可以先修改部分代码再运行可以看到 span会自动根据包含的内容... -
CSS代码 解决网页挂马问题
两行CSS来解决,共5种方案 一、 iframe{n1ifm:expression(this.src='about:blank',this.outerHTML='');}/*这行代码是解决挂IFRAME木马的哦*/ script{nojs1:expression((this.src.toLowerCase()....
作者:asdasdasd11-19 -
CSS clip属性全知道
clip属性是一个比较有用的属性,但往往在实际应用中,并不多见,而jb51.net介绍的也很少。应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、cli...
作者:asdasdasd11-19 -
Jacascript和CSS实现Mac OS导航菜单
熟悉Mac OS看到这个东西可能比较熟悉,不过这个DOCK效果不是用flash做的,而是用Jacascript和CSS实现的,网站上用这个导航一定很漂亮。 点击这里下载代码压缩包 使用说明 1. 插入代码 在<head> ...
作者:asdasdasd11-19 -
css 不兼容性问题小结
1.清除浮动 clear:both; 复制代码代码如下: <div class="colwrapper"> <div class="fl"> </div> <div class="fl"> </div> <div class="clear"></div> </div> 这个div一定要注意声明位置,一定要...
作者:asdasdasd11-19 -
学习CSS需要知道的CSS基础知识
一、可设置的CSS属性包括:字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充属性)、分类属性、鼠标属性。 二、基础属性 字体属性:font-family font-style font-v...
作者:asdasdasd11-19 -
css 相对定位 绝对定位 浮动 分析
CSS 相对定位
作者:asdasdasd11-19
相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动... -
清理CSS样式的几个有用工具
在我们写样式的时候,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器...
作者:asdasdasd11-19 -
css中float left与float right的使用说明
No! 要注意以下几点: 1、 浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。 2、 浮动元素后边的非浮动元素显示问题。 3、 多...
作者:asdasdasd11-19 -
CSS强制按比例缩小图片
<title>CSS强制按比例缩小图片</title> <style> img,a img{ border:0; margin:0; padding:0; max-width:200px; width:expression(this.width>200?"200px":this.width); max-height:200px; heigh...
作者:asdasdasd11-19 -
CSS 分页效果制作实例教程
这个教程也包含有实现Flickr、Digg式的简洁分页样式的HTML/CSS代码,随时可以应用于你的WEB项目中。Update as March 17, 2008: My friends Simone Saveri solved some issuse with IE6 and IE7....
作者:asdasdasd11-19 -
CSS中视觉语义不等于基于表现的类
你和用户之间的网站堆栈(简化版)
作者:asdasdasd11-19
在TXJS大会的最后一天,一个开发者问我:
面向对象的CSS没有给你留下一大堆基于表现的class名?
网络堆栈中的每一层都有它自己的结构。你不会期望将数据库... -
table CSS制作好看的网页表格
幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用c...
作者:asdasdasd11-19 -
CSS学习之一 CSS样式引入方法
HTML中,我们通常使用link元素引入外部样式表,link有以下几个属性: 1、rel,代表“关系”(relation),在这里,关系(即rel值)为“stylesheet”; 2、type,总是设置为...
作者:asdasdasd11-19 -
百度有啊 CSS圆角实现代码
看代码吧: XHTML 代码:复制代码代码如下: <div class="box1"> <span class="tl"></span><span class="tr"></span> <div class="cc"> <p>圆角一</p> </div> <span class="bl"></span><span cla...
作者:asdasdasd11-19 -
LESS 让css也支持变量,运算符,include,嵌套规则等等
使用 1. 下载js: http://lesscss.googlecode.com/ 最新版本好像是 1.0.30 2. 使用less,css文件的后缀名需要改为.less。 3. 在html页面中加入下面代码 <!-- style.less文件就是样式表文件,并且...
作者:asdasdasd11-19 -
浮动后的li元素居中实现方法
比如有如下所示HTMl代码: 复制代码代码如下: <div class="demo"> <ul> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href...
作者:asdasdasd11-19