随笔分类 -  CSS

摘要:{dede:sql sql="SELECT aid,typeid,body FROM `dede_addonarticle` where typeid=2 ORDER BY `aid` DESC LIMIT 0 , 1"} [field:body /] {/dede:sql} 说明:其中typeid=2,栏目ID号,表示调用此ID栏目内的文章,换成aid=1则表示调用的aid为1的文章(具体哪篇文... 阅读全文
posted @ 2010-11-01 15:05 HughTan 阅读(1427) 评论(0) 推荐(0)
摘要:关键描述调用标签: <meta name="keywords" content="{dede:field name='keywords'/}"> <meta name="description" content="{dede:field name='description' function='html2text(@me)'/}"> 模板路径调用标签: {dede:fiel... 阅读全文
posted @ 2010-11-01 14:35 HughTan 阅读(3620) 评论(0) 推荐(0)
摘要:今天在重构一个页面的时候,为了考虑根据内容重要程度出现的优先性,所以在css的时候为几个box书写了绝对定位,在测试的时候发现,在FF,ie8,ie7,op下都可以正常显示,可是到了IE6的时候,这几块内容是空白的了…啊!怎么回事呢? 经过几番折腾,总出找出毛病了,原来是因为使用绝对定位的box紧挨着的是box使用了浮动:float。哎!没办法,我的解决方法是在他们之间又单独写了一个box,这个b... 阅读全文
posted @ 2010-10-15 22:19 HughTan 阅读(1043) 评论(0) 推荐(0)
摘要:为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 代码如下:body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 均可 其他HTML页面 代码如下:html { filter:progid:DXImag... 阅读全文
posted @ 2010-09-21 15:14 HughTan 阅读(709) 评论(0) 推荐(0)
摘要:用setAttribute方法实现一个页面两份样式表的效果,具体方法如下: 第一步:在连接样式表的元素里定义一个id,例如 <link href="1.css" rel="stylesheet" type="text/css" id="css"> 我定义的id是css。 第二步:写一个js函数,代码如下: <script type="text/javascript"> fu... 阅读全文
posted @ 2010-09-20 14:39 HughTan 阅读(776) 评论(0) 推荐(0)
摘要:<div style="width:220px; padding:10px; overflow:hidden;"> <img src="Images/logo.gif" / style="border:solid 1px red" /> </div> 阅读全文
posted @ 2010-08-06 11:58 HughTan 阅读(205) 评论(0) 推荐(0)
摘要:AJAX自从引进了Tab,着实让我开心了一番。但是,在调整Tab的样式的时候,也着实让我吃了一惊。于是,抱着没有困难也要制造困难的原则,开始了征途:按照Tab作者Ronald Buckton所说,Tab的CSS包含如下几个类:(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the ... 阅读全文
posted @ 2010-05-07 21:46 HughTan 阅读(323) 评论(0) 推荐(0)
摘要:IE 和 Firefox 下 CSS 中 margin-left IE显示为两倍的解决 时间:2009-08-19 16:25来源:未知 作者:admin 点击: 93次 另:当使用margin属性不能正确显示时,尝试使用display:inline;看能否解决问题 问题描述一个html页<div style="width:190px; margin-left:10px; overflow... 阅读全文
posted @ 2010-05-05 13:40 HughTan 阅读(873) 评论(0) 推荐(0)
摘要:为Web程序员解毒:9个IE常见Bug的解决方案 阅读全文
posted @ 2010-04-23 11:17 HughTan 阅读(149) 评论(0) 推荐(0)
摘要:http://www.missyuan.com/thread-438839-1-1.html 阅读全文
posted @ 2010-04-21 15:46 HughTan 阅读(210) 评论(0) 推荐(0)
摘要:10个非常有用的CSS技巧 阅读全文
posted @ 2010-04-21 13:18 HughTan 阅读(146) 评论(0) 推荐(0)
摘要:css样式表定义时*与body的区别 今天看到有人问*和body的区别,大家的回答莫衷一是,下面就我对这两个的理解谈论一下用法。 首先看一下正解: 通配选择符 语法:* {sRules} 说明:选定文档目录树(DOM)中的所有类型的单一对象 类型选择符 语法:E {sRules} 说明:以文档语言对象(Element)类型作为选择符 大家在做网站时,规划样式表许多朋友首先会用*{margin... 阅读全文
posted @ 2010-04-21 10:31 HughTan 阅读(521) 评论(0) 推荐(0)
摘要:css+div,div网站命名,div网站制作命名,css常用命名整理了一些常用的网站div+css网站制作常用 (一)命名 (1)页面结构 容器: container页头:header内容:content/container 页面主体:main页尾:footer导航:nav 栏目:col页面外围控制整体布局宽度:wrapper侧栏:sidebar 左右中:left right center主... 阅读全文
posted @ 2010-04-20 10:56 HughTan 阅读(580) 评论(0) 推荐(0)
摘要:Asp.net主题(theme)和皮肤(skin)的使用_ASp.net asp.net的服务器端控件提供了多种样式的设计,如果对每个控件都单独设置,是比较繁琐的事情,所以微软也提供了针对这些服务器端控件的样式管理,其实也可以通过css来控制部分服务器端控件的样式,比如textbox,如果用普css就是对input进行样式控制,但对于gridview或者日历控件等,css文件无法灵活的控制,这就需... 阅读全文
posted @ 2010-04-16 15:15 HughTan 阅读(1234) 评论(0) 推荐(1)
摘要:浏览器对DIV+CSS兼容性问题大总结 接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。下面整理了一下相关的兼容问题,希望大家再在其基础上补充!所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px; IE6 专用_height: 10... 阅读全文
posted @ 2010-04-16 11:11 HughTan 阅读(7319) 评论(0) 推荐(2)
摘要:前几天做网站使用到二级菜单,想也没想就在网上找了几个,不过大多都不太满意,只有《CSS二级菜单》看上去似乎好一点,就使用了那个。 但在《CSS二级菜单》中,如果一级菜单中的超链接是#,那么只要单击该一级菜单,那么与这个一级菜单对应的二级菜单就会一直显示在网页中,不能隐藏,是一个小小的bug。后来仔细的想了一想,其实,无论是什么样的二级菜单,原理都是一样的: 1、每一个一级菜单都会对应一个层,而这个... 阅读全文
posted @ 2010-04-12 13:42 HughTan 阅读(1238) 评论(0) 推荐(0)
摘要:最近的网站要求使用二级菜单,本着“能用别人的就用别人的,不能用别人的就用自己的”的原则,在网上找到一个经典的使用CSS制作的二级菜单,感觉不错,先记录下来,以备它用。经典的二级菜单如下图所示: 源代码下载地址:http://www.aspxfans.com/myBlogFile/经典的CSS二级菜单.rar 或 http://download.csdn.net/source/1962515 其... 阅读全文
posted @ 2010-04-12 11:57 HughTan 阅读(994) 评论(2) 推荐(0)
摘要:IE下判断IE版本的语句:[if lte IE 7]...[endif] 今天刚好看到有朋友问及此语法,所以特地找来相关资料与大家分享,希望能有所帮助:<!–[if lte IE 6]>……<![endif]–>Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。在进行WEB标准网... 阅读全文
posted @ 2010-04-12 11:17 HughTan 阅读(1944) 评论(0) 推荐(1)
摘要:在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因为有一... 阅读全文
posted @ 2010-04-12 09:40 HughTan 阅读(194) 评论(0) 推荐(0)