CSS
关注
分享
扫一扫
xdajian
这个作者很懒，什么都没留下…
展开
-
A标签美化checkbox
引用地址：http://topic.youkuaiyun.com/u/20070823/07/49726a02-756f-4e6b-b729-15fe4d090ad0.html 演示地址：http://bbs.blueidea.com/thread-2767480-1-1.html#b 简单修改后的：<html><title>51css</title>...原创 2011-08-31 16:00:08 · 797 阅读 · 0 评论 -
关于字体的css
<html> <head><title>DEMO</title><script src="JSLogger.js" debug="true" defer="defer"></script><style> div.test{原创 2011-10-07 23:00:42 · 76 阅读 · 0 评论 -
浏览器兼容的text-align写法
<html><head> <style> html,body{ text-align: -moz-center !important;/*ff的样式*/ text-align:center;/*IE的样式，而且和上边ff的样式的顺序不能调换，否则IE样式失效*/ } .magixBoxCon{ height:...原创 2011-07-23 13:44:48 · 708 阅读 · 0 评论 -
javascript和css兼容性小结
XHTML和HTML之间的区别1.XHTML 元素一定要被正确的嵌套使用。2 XHTML 文件一定要有正确的组织格式。<html> <head> ... </head> <body> ... </body> </html> 3 标签名字一定要用小写字母。因为 XHTML文档是XML应...原创 2011-08-02 22:05:46 · 165 阅读 · 0 评论 -
table进阶
<html> <head><title>DEMO</title><script src="JSLogger.js" debug="true" defer="defer"></script></head><body原创 2011-10-27 23:56:04 · 135 阅读 · 0 评论 -
背景图片的透明方法
很多时候需要给body添加一个背景图片，同时对北京图片稍微做透明处理，保证背景图片不会影响主体的显示。 <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"...原创 2012-11-24 10:32:13 · 701 阅读 · 0 评论 -
常用脚本
换行： -word-wrap:break-word; word-break:break-all;半透明： -filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5; 获取当前窗口的父窗口内的方法(譬如myfun)：- window.parent.window.myfun('abc'); 父窗口获取子窗口的函数（...原创 2012-09-03 18:28:30 · 175 阅读 · 0 评论 -
css hack积累
<html xmlns:wfs="http://www.opengis.net/wfs" xmlns="http://www.w3.org/TR/xhtml1/strict"><head> <style> html{background:#cccccc;margin:0px;padding:0px;} #tip { back...原创 2012-09-07 14:57:08 · 114 阅读 · 0 评论 -
兼容的带样式的INPUT
<style>/* 作用描述：给INPUT添加美化的样式，兼容IE8,IE9,FF,chrome,safari等 效果描述； - 1.边框带圆角 - 2.指定INPUT高度 - 3.INPUT文本上下居中，添加左边距 - 4.背景色为白色 - 5.当INPUT获得光标的时候，边框高亮显示天蓝色。 - 6.IE7下没有高亮效果 ...原创 2012-09-18 10:21:20 · 195 阅读 · 0 评论 -
css文本样式系小结
超链接带图标和文字，图片垂直居中： <a href="javascript:void(0)" ><img style="vertical-align:middle;" src="04563136.gif"/>查看元数据</a> <style>#idDIV{ /*基本设置*/ width:500px; p原创 2012-09-18 17:08:47 · 96 阅读 · 0 评论 -
EasyTip 简单Tip提示窗口
<script src="JSLogger.js" debug="true"></script><script>/*组件说明： 当前适用于给文本框添加注释说明，主要用在表单验证的时候提示错误信息 思路简介： 1 给文本框添加click事件监听。 2 当文本框click的时候，根据当前文本框的坐标信息打印 tip窗口 ...原创 2011-07-17 16:08:26 · 477 阅读 · 0 评论 -
css小结
<html> <style> *{ padding:0px; margin:0px; }div,div[name="test"] { /*div[name="test"] 属性选择器，IE下不好使*/ text-transform : capitalize ;/*英文大小写控制 capitalize : 将每个单词的第一个字母转换成...原创 2011-07-16 13:19:43 · 108 阅读 · 0 评论 -
js杂记
滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 glow：加光辉在附近对象的边外 gray：把图片灰度化 invert：反色 light：创建光源在对象上 mas...原创 2011-08-31 21:58:31 · 86 阅读 · 0 评论 -
css实现shadow窗口
/*关键点： 1 半透明的兼容写法：opacity:0.5,filter:alpha(opacity:50); 2 z-index:要想z-index起作用必须给dom元素添加position:absolute; 3 窗口遮挡效果的实现：shadow的div添加：display="display" 不是disabled */ <html><hea...原创 2011-08-31 23:07:53 · 132 阅读 · 0 评论 -
setCookie
function setCookie(c_name,value,expiredays){ JSLogger.log("cookies = "+document.cookie); var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ "=" +esc...原创 2011-09-04 11:20:50 · 136 阅读 · 0 评论 -
dl,ul,ol小结
<ul style="list-style:url(images/bg03.gif) inside;"> <li>这里是使用list-style属性的示例。请注意换行以后项目符号的位置。</li> <li>这里是列表内容</li></ul><del>显示原创 2011-09-09 00:43:06 · 114 阅读 · 0 评论 -
混合参数的写法
<script src="JSLogger.js" debug="true"></script><script>/***打招呼的方法*@param bool1 是否喊hell0 默认是true*@param name1 对方的*@技巧： 由于js的弱类型特质，可以宽松的限制每个参数的数据类型和是否传入参数， 可以不去强制控...原创 2011-09-10 13:58:02 · 256 阅读 · 0 评论 -
阅读犀牛书小结
<script src="JSLogger.js" debug="true"></script><script>var g = "outter"; (function test(bool1,keyword1){ var n = 12.12345;//数字类型参数 /* var n2 = "12.3456";//原创 2011-09-11 17:33:43 · 176 阅读 · 0 评论 -
css的filter:alpha的用法
<div style="position:absolute;left:0px;top:0px;width:300px;height:300px;background:lightblue ;filter:alpha(finishopacity=3,style=1,startx=30,finishx=90,starty=30,finishy=90)}"></div>...2011-02-23 14:21:09 · 482 阅读 · 0 评论 -
div+css布局
position如果用好了比float好用。就怕用不好，用不好的话整个页面会摊痪。建议如果position不是很熟练的话最好还是用float，float记得清除就可以了。 clear:both; /*清除浮动*/清除浮动主要是为了不让两边显示东西,这样它一条横线就是...一条横线,不会被左右的其它的层所干扰. a连接格式： /* 链接颜色 */ a:link {color: #...原创 2011-02-23 14:27:29 · 105 阅读 · 0 评论 -
三个div实现跨浏览器的text-align:center的效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <BODY style="text-align:center;"> <!--body的样式中的：text-align:center，在ff中只能作用到DIV标签上。但是能够作用到div内部的元素中，是DIV内...原创 2011-02-25 17:11:40 · 196 阅读 · 0 评论 -
获取DOM对象的当前(current)样式
/***获取页面某个元素当前的样式：(譬如获取当前INPUT的宽度，border的样式、border颜色等)*@param domID 文档对象的ID 或者直接传DOM文档对象*@param propName 样式属性*@return 返回当前元素的样式*注意：propName不要聚合写法(eg:borer)，要分拆写法(eg:borderStyle 只支持IE)，越详...原创 2012-09-28 17:19:53 · 979 阅读 · 0 评论