随笔分类 - CSS+DIV
摘要：<style>body{background-image:url(背景图片.jpg);background-repeat:no-repeat;text-align:center;background-position:center;background-attachment:fixed}</style>
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><title>Test</title><style type="text/css"> tr { background: #FF3;
阅读全文
摘要：内容：content/container导航：nav侧栏：sidebar栏目：column标志：logo页面主体：main广告：banner热点：hot新闻：news下载：download子导航：subnav菜单：menu搜索：search页脚：footer滚动：scroll版权：copyright友情链接：friendlink子菜单：submenu内容：content标签页：tab文章列表：list注册：regsiter提示信息：msg小技巧：tips加入：joinus栏目标题：title指南：guild服务：service状态：status投票：vote尾：footer合作伙伴：partn
阅读全文
摘要：http://www.cnblogs.com/mslove/archive/2009/03/24/1420703.html
阅读全文
摘要：HACK原理:不同浏览器对各中字符的识别不同在 CSS中常用特殊字符识别表:(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;(3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_;(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)示例:(1)区别FF(IE8)与IE6 IE7backgorund:orange; FF和IE8背景色将为橘黄色*backgorund:red; IE6和IE7背景色将为红色(2)区别F
阅读全文
摘要：a {blr:expression(this.onFocus=this.blur())}a:focus{outline:0;} /*去除Firefox中的链接虚线框*/
阅读全文
摘要：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="div绝对剧中.aspx.cs" Inherits="div绝对剧中" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln
阅读全文
摘要：*{scrollbar-face-color:#E6F2FD;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#D6E4EF; scrollbar-3dlight-color:#F1F9FF; scrollbar-arrow-color:#006699; scrollbar-track-color:#F1F9FF; scrollbar-darkshadow-color:#F1F9FF;}body{margin:0px;color:#666;background-color:#FFF;font-family:Verdana, Ge
阅读全文
摘要：最新全面兼容ie6,ie7,ie8,ff，google網站最新的：http://www.chhua.com/web-note762浏览器市场的混乱，给设计师造成很大的麻烦，设计的页面兼容完这个浏览器还得兼容那个浏览器，本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点，ie8的出现就更头疼了，原来hack ie7的方法又不能用了，怎么办呢？第一种方法：还好，微软提供了这样一个代码：把这段代码放到head里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写就可以了解释一下吧：firefox能解析第一段，后面的两个因为前面加了特
阅读全文
摘要：横虚线 、竖虚线的制做横虚线1<div style="width:1000;height:1;;border-top:1px dotted #000000"></div>2<s style="width:1000;height:1;border-top:1px dotted #000000"></s>3<b style="width:1000;...
阅读全文
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--FF和IE7本身支持透明的png图,本文主要致力于解决IE6下透明PNG图片有灰底的兼容问题。第1种方法:定义一个样式,给某个div应用这个样式后，div的透明png背景图片自动透明了。（注意两处图片...
阅读全文
摘要：<%@PageLanguage="VB"AutoEventWireup="false"CodeFile="Default6.aspx.vb"Inherits="Default6"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran...
阅读全文
摘要：既然是复杂的布局自然用到较多的div以及并列与嵌套。这就要我们在为它们命名的时候遵从一定的规定，以便于可读性。下面先来看一张布局图：这是三九健康网一个频道的页面，原本是很长的页面，但为了说明问题，取了个完整布局样式，而省去了中间的内容。我们可以把它看做是一个居中的页面布局，这样要实现整体居中，就需要一个div作为主要容器，我们把这个div命名为container.CSS样式为： 程序代码#cont...
阅读全文
摘要：1、列表形式由于展示形式整齐直观，在网站设计中占有很大的比重。早期的列表都是由表格实现的，在代码上过于繁杂，设计和可读性较差。这一节我们重点探讨无序列表ul及有序列表ol元素的使用。看XHTML代码很简单： 程序代码<ul><li>布局概述</li><li>页面元素入门</li><li>高级技巧</li><l...
阅读全文
摘要：复杂的列表布局是我最为头痛的。往往在测试时会乱得不堪入目，而且不能兼容IE和FireFox。这个问题困扰了我几个晚上，今天终于搞定了。在IE和FireFox中测试几乎一模一样。源码下载：先看效果图：这是模仿闪客帝国的作品排行榜。实现代码： 程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...
阅读全文
摘要：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>menu</title><base target="_blank"><style>A:link {COLOR: #0000cc; TEXT-D...
阅读全文
摘要：<span id="ArticleContent1_ArticleContent1_lblContent"><style>.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; F...
阅读全文
摘要：IE6,IE7:margin-left不兼容用display:inline;IE和火狐不兼容用！importantCSS hack:区分IE6，IE7，firefox区别不同浏览器，CSS hack写法：区别IE6与FF： backgroundrange;*background:blue;区别IE6与IE7： background:green !important;background:blue;...
阅读全文