随笔分类 - html-css
html-css
摘要：让Flash也有Onclick的方法 大家都知道图片上是可以添加链接的，也就是在图片<img src=''>两边添加<a href=''></a>，而Flash则不可以这样做的，所以只能使用其它方法了，方法之一：在Flash的Object两边添加<button></botton>，如下：[代码]并且对button 元素样式处理：[代码]
阅读全文
摘要：通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。[代码]
阅读全文
摘要：<p><span>1</span><input type='text' /></p><p><span>2</span><input type='text' /></p>想给SPAN加宽度并要与INPUT在同一行显示且INPUT是垂直显示的效果。这时候单给SPAN 加 width ...
阅读全文
摘要：在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：<div style=”clear:both;”></div>。例如：<div style=”background:#666;”> <div style=”float:left; width:30%; height:40px;backgr...
阅读全文
摘要：ul li { float:left; margin:0 12px 12px 0; display:inline;}display:inline的意思是基线显示可以消除IE6和IE7下的浮动BUGdisplay:inline 可以消除IE6双倍边距的BUG。
阅读全文
摘要：网页打开与浏览速度受着多方面因素的影响，客户网速是一个方面，另外网站开发的编码方式也将对用户的电脑产生负担，在之前的文章中提过这方面的内容。这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分。 一、*{} #page *{} 尽量避开 由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有...
阅读全文
摘要：应用clip属性需要注意的两点： 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即（0,0）点开始计算，如图三所示，这点不像padding和margin，它们两个的右边距和下边距是从最右边和最下边开始计算的。clip属性设置元素的形状。这个属性用于定义一个剪裁矩形。在这个矩形内的内容才可见，出了这个剪裁区域的内容和 overflow:hi...
阅读全文
摘要：外部引用CSS中 link与@import的区别 外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。 差别1： link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 差别2： 加载顺...
阅读全文
摘要：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载...
阅读全文
摘要：下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 您正在使用IE浏览器 版本 5.5 版本 6 版本 7 下面的代码是在非IE浏览器下运行的条件注释 您使用不是 Internet Explorer 最终在非IE和特殊的IE浏览器下起作用 (或者使用 lte lt 或者 gt gte来判断，如： 在IE 6下显示的信息 ). 您正在使用Internet Explo...
阅读全文
摘要：解决方法有如下几种： 1.加一个font-size=0px；的属性可以实现． Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --> 但经过我的测试，细是细了，但不是1px，有点像是2px.不知道是我的浏览器问题，还是别的原因．你们可以用这个方...
阅读全文
摘要：CODE: Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->move
阅读全文
摘要：1.样式一 平面按钮 代码如下 ： 2.样式二 代码如下 ： 3.样式三： 代码如下 ： 4.样式四 代码如下 ： 5.样式五，button 这是一个按钮 代码如下 ： 这是一个按钮
阅读全文
摘要：怎么样，我凹下去了吧？ 你不想试试吗？ http://www.xxxx.cn/ Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 怎么样，我凹下去了吧？ 你不想试试吗？ www.XXXX.cn
阅读全文
摘要：简洁型css圆角： 方法1： 简洁型css圆角矩形 code1: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 简洁型css圆角矩形 方法2： 无图片实现圆角框 code2: Code h...
阅读全文
摘要：搜索 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 搜索
阅读全文
摘要：这项CSS技术是利用利用对一张背景图片的绝对定位来实现减少HTTP请求，从而达到网页提速。CSS sprite最适合作用于背景图标或是背景装饰性的图片。 就是把许多背景图片整合成一张背景图片，然后通过限制要使用背景图片的元素的宽高，再通过background-repeat, background-position来对图片进行定位，这样做的好处就是减少网页加载时的HTTP请求，因为你...
阅读全文
摘要：1. zoom:1; 2. position:relative;
阅读全文
摘要：自动换行 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->div{ word-wrap: break-word; word-break: normal; } 强迫不换行 Code highlighting produced by ...
阅读全文