CSS
一剑平江湖
一个对IT行业有着高度热情的工作者。
展开
-
子div在父div中置底
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 子div在父div中置底 .father { width原创 2011-08-08 21:08:32 · 4445 阅读 · 0 评论 -
css实现的最简单的标签页
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> CSS标签 dl {原创 2011-09-23 11:23:24 · 1758 阅读 · 0 评论 -
自定义超级链接样式
/*表格中的a标签样式定义*/ a.myclass:link {color: #FF0000; text-decoration:none} /* 未访问的链接 */ a.myclass:visited {color: #00FF00} /* 已访问的链接 */ a原创 2011-10-13 15:47:43 · 724 阅读 · 0 评论 -
CSS命名规则--参考表
CSS命名规则--参考表****************************************************CSS命名规则**************************************************** 头:hea原创 2011-10-03 05:21:56 · 681 阅读 · 0 评论 -
谈谈网站设计时图片的使用
谈谈网站设计时图片的使用本文主要分享笔者在开发 云翔在线软件平台 时合并图片的经验,在文章开始时,我们先看看Google首页的图片:上面就是Google主页使用的图片,所有工具栏的图片都合并在一副图片里面了,其实,在写Css时,DIV的背景图片可以原创 2011-10-16 15:03:52 · 612 阅读 · 0 评论 -
一个简单的Css实现的Tab页面
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> CSS标签 dl {原创 2011-10-19 15:01:41 · 602 阅读 · 0 评论 -
减少系统资源占用的15个CSS常识
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 3、慎用 * 通配符。所原创 2011-11-22 16:55:24 · 545 阅读 · 0 评论 -
长时间整理的xhtml网页设计规范
在阅读前请先了解一些XHTML、CSS的基本知识,以方便理解编写的内容。本规范的目的是为了方便大家在开发过程中,通用的、易于维护、高效率的制作WEB界面。 一.目录建立、文件夹命名规则:01. 目录: 除非有特殊情况外,目录应使用小写字母,并且以字母开头其中不得包含汉字、空格与特殊字符。 目录命名请尽量英文为指导,不要以拼音作为目录名称。原创 2011-11-22 17:03:03 · 673 阅读 · 0 评论 -
background-position—CSS设置背景图片的位置
background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置。因为在默认情况下背景图片都是从设置了 background-position 属性的标记(例如 body 标记)在左上角开始出现的,但实际制作时设计者往往希望背景图片出现在指定的位置background-position:在CSS中通过background-posi原创 2011-12-17 01:01:46 · 6407 阅读 · 0 评论 -
DivCSS网页布局中CSS无效的十个常见原因
知道了上面这些基本的异常情况,下面我们就来看看版面设计无效的几个原因。 一、div 标签未关闭 这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。开启的div标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签,诊断时就像大海捞针一样麻烦。 二、麻烦的embed标签 九十年代原创 2011-12-17 08:01:08 · 1249 阅读 · 0 评论 -
css格式化table的代码示例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml">body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72;原创 2012-05-03 07:23:53 · 721 阅读 · 0 评论 -
28款网页CSS设计工具和生成器
丰富多样的网络工具和资源的出现,使网页设计变得轻松而简单。介绍 28 款在线工具和生成器,以帮助你更快捷方便地设计页面。1. Lorem Ipsum Generator – 多功能的在线文本编辑工具,帮助设计者进行排版和打印。2. Stripe Generator – 条纹背景图案生成,可控制条纹尺寸、粗细、颜色、样式、阴影、背景色、方向等多个参数。3. Mycoolbutton –转载 2012-05-28 21:50:07 · 1122 阅读 · 0 评论 -
超过表格宽度显示省略号
New Document 呢称图片文字垂直居中用CSS实现超长字段被省略的简单方法阿隆索打用CSS实现超长字段被省略的简单方法阿斯蒂芬aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa原创 2012-06-08 17:07:52 · 972 阅读 · 0 评论 -
收集的常用css页面及表单表格样式
一、红色按钮 .redbuttoncss { font-family: "tahoma", "宋体"; font-size: 9pt; color: #0066cc; border: 1px #93bee2 solid; border-bottom: #93bee2 1px solid; border-left: #93bee2 1p原创 2012-05-24 09:50:30 · 1188 阅读 · 0 评论 -
js实现的简单模态对话框
JS模拟模式窗口效果 var falpha = 0; function fchange() { if (falpha != 90) { table1.style.filter = "alpha(opacity原创 2011-09-21 16:49:25 · 958 阅读 · 0 评论 -
js+Css实现的一个简单对话框
提示信息框 a{ color:#000; font-size:12px;text-decoration:none}a:hover{ color:#900; text-decoration:underline}body{background:;filter:p原创 2011-09-21 16:47:25 · 859 阅读 · 0 评论 -
JS 提示框
提示信息框a{ color:#000; font-size:12px;text-decoration:none}a:hover{ color:#900; text-decoration:underline}body{background:;filter:progi原创 2011-09-17 13:14:59 · 526 阅读 · 0 评论 -
div的contentEnable属性
没想到,div还有这个如此美妙的属性。呵呵,代码如下:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">contentEditable属原创 2011-09-06 14:42:27 · 1356 阅读 · 0 评论 -
CSS设置图片与文字水平居中对齐
很简单,设置图片的一个css样式即可,代码如下:文字原创 2011-09-08 11:03:35 · 10205 阅读 · 0 评论 -
使div总居中
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > 无标题页 function $(id) { r原创 2011-08-11 13:50:50 · 439 阅读 · 0 评论 -
css实现table1px边框
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">定义表格边框的方法table{ border-collapse:collapse;原创 2011-09-08 10:19:13 · 1105 阅读 · 0 评论 -
精确控制div的高度
只要加一个overflow:hidden即可。代码如下:原创 2011-09-06 20:08:10 · 472 阅读 · 0 评论 -
css美化select
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">select - www.mtime.com>body {margin:50px;原创 2011-09-09 10:39:37 · 594 阅读 · 0 评论 -
css美化table的三个示例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">cssrain - demohttp://www.cs原创 2011-09-09 10:24:38 · 2565 阅读 · 0 评论 -
javascript 操作表格
Form Object example function delrow1() { var oElement = event.srcElement; while (oElement.tagName原创 2011-09-09 10:37:25 · 475 阅读 · 0 评论 -
IE、FF的基本注意事项
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并 整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加原创 2011-09-09 11:01:39 · 553 阅读 · 0 评论 -
CSS浏览器兼容性问题详解总结
CSS浏览器兼容性问题详解总结2009-11-12 11:39对css缩写的支持问题: 不论是ie 还是ff对css的缩写都有一小点问题 比如 border: 0xp solid #fff;两个浏览器支持都没有问题 但对于四个边的mag原创 2011-09-09 11:03:25 · 603 阅读 · 0 评论 -
css中超级链接样式的设置顺序
a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {原创 2011-08-11 15:09:23 · 1613 阅读 · 0 评论 -
一个简单的Css表格
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml"> CSS Tables /* CSS Document */ bo原创 2011-09-08 14:31:41 · 673 阅读 · 0 评论 -
您需要了解的几个XHTML标签
您需要了解的几个XHTML标签时间:2011-02-22来源:未知 作者:admin点击: 次内容提要: 应用div+css网页布局,你必须了解一些xhtml结构标签,原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。下面列一个原创 2011-09-13 20:53:44 · 713 阅读 · 0 评论 -
年前整理的Css规范
css编码规范一、 基本约定 1. 所有的CSS的尽量采用外部调用,确定只有本页面调用的css除外。 2. 文件头部加上文件信息,必须包括文件描述、作者、修改人(更新人+时间)3. 编码格式:使用UTF-84. 字号用像素px来定义5. 排版中首行缩进用css来处理,不要使用全角空格来达到效果6.原创 2014-02-10 10:43:20 · 662 阅读 · 0 评论