随笔分类 -  CSS

表格
摘要：应用xhtml+CSS开发符合Web标准的网站，表格的用途是越来越少了。但数据显示表格有着强大的优势，并不是一味的认为，Web标准的网站就不用表格。这样的理解是片面的，表格有它的功能与优势，只是不再用表格进行布局罢了。　　我们看一个CSS+JS打造可伸缩的表格的实例，在实际操作中，或许你我都会常常遇到这种形式的数据，看下面的效果图：　　点击表格右下角的小箭头图标，表格就会伸展开来，显示出表格中的数... 阅读全文
posted @ 2009-08-18 13:19 superlee 阅读(189) 评论(0) 推荐(0)
GridView边框样式简单美化
摘要：主要就是这一句：.Grid th和.Grid td，将会给class="Grid"的table中的th和td标签应用样式，而GridView生成的HTML代码是Table，这样就解决了GridView的边框问题。 GridView添加CssClass="Grid"属性，样式表如下：<style type="text/css"> .Grid { border-collapse: coll... 阅读全文
posted @ 2009-08-17 10:26 superlee 阅读(631) 评论(0) 推荐(0)
如何在Web用户控件中引用样式表中的样式
摘要：如何在Web用户控件中引用样式表中的样式<%@ Control Language="C#" AutoEventWireup="true" CodeFile="gl1.ascx.cs" Inherits="admin_gl1" EnableTheming="True" %> <link href="../App_Themes/qiantai.css" rel="stylesheet... 阅读全文
posted @ 2009-08-17 10:19 superlee 阅读(339) 评论(0) 推荐(0)
CSS全面兼容主流浏览器的写法汇总
摘要：微软提供了这样一个代码：<meta http-equiv="x-ua-compatible" content="ie=7" />把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写就可以了:background:#ffc; /* 对firefox有效*/*background:#ccc; /* ... 阅读全文
posted @ 2009-08-07 10:01 superlee 阅读(245) 评论(0) 推荐(0)
教你一个最常用的前台小模块布局的最佳css解决方案，兼容IE8.0 7.0 6.0 Firefox3.5 2.0 google oprea 苹果浏览器等
摘要：最常设计的模块布局，如下图原来我们用table布局时，不用说都很简单但随着web2.0的到来，采用css布局，用不好还比较麻烦，一直以来，我都用浮动来定位那个“更多”的span ，这样有好多问题 浏览器兼容也众口难调 结构如下：<div class="block"><ul><li><h4>标题<h4><spa... 阅读全文
posted @ 2009-08-07 10:00 superlee 阅读(283) 评论(0) 推荐(0)