样式
关注
分享
扫一扫
hjjk888
这个作者很懒，什么都没留下…
展开
-
HTML标签的<button>导致数据在firefox自动提交和在firefox里面弹出div窗口失败
项目中遇到这么个问题项目中想利用div制造弹出窗口的操作css文件[code="java"] *{font-size:12px;} div{z-index:1;} #dialog-form {border:1px solid #000;width:400px;background:#fff;max-height:300px;z-index:1000;po...原创 2011-09-07 15:22:19 · 104 阅读 · 0 评论 -
table的td之间有间隙
一个简单的html布局[code="java"] COLUM1 COLUM2 [/code]css中这么定义style1样式的[code="java"]td.style1{ border-style:solid; border-color:gray; border-width:1px; cel...原创 2011-07-22 16:03:19 · 2685 阅读 · 0 评论 -
line-height导致的表格显示不完整
[code="java"] 标题: タイプ タイプ 、[/code]css[code="java"]p{background-color:#FFF;margin:1cm;padding-left:10px;padding-top:10px;padding-b...原创 2011-07-22 16:32:08 · 411 阅读 · 0 评论 -
js和css属性对照表
[url]http://www.php100.com/html/webkaifa/DIV_CSS/2009/0418/2357.html[/url][code="java"]宽度测试.dividv{width:800px; height:500px; float:left; border:1px solid #FF0000; overflow:hidden;}.di...原创 2011-07-25 11:59:19 · 112 阅读 · 0 评论 -
css
1.通常采用margin：-100px等来细化div的位置如#win{position:absolute;top:50%;left:50%;width:400px;height:200px;margin:-102px 0 0 -202px;display:none;}位置为50%，50%，但位置得稍微调节下，这是margin+负数就有了用武之地2 div固定长度时，内部的图片...原创 2011-07-25 16:24:05 · 101 阅读 · 0 评论 -
css浮动元素
[code="java"] //这里的width是有必要的。 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容 新闻内容新闻内容新闻内...原创 2011-07-25 16:49:46 · 96 阅读 · 0 评论 -
实现链接凹下的视觉感觉
a:hover{text-decoration:none;position:relative;top:1px;left:1px;}A:link,A:visited ,A:active {TEXT-DECORATION: none}把鼠标放上来看看效果---原创 2011-07-26 10:00:54 · 116 阅读 · 0 评论 -
div+ajax实现类似iframe功能
[code="java"]function showAtRight(url){ sendRequest(url);}var request=false; try { request = new XMLHttpRequest(); } catch (trymicrosoft) { try { request = new Activ...原创 2011-08-01 17:03:09 · 401 阅读 · 0 评论 -
浏览器加载显示html的顺序
其实浏览器加载显示html的顺序是按下面的顺序进行的：1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析，解析过程中，停止...原创 2011-08-02 15:36:56 · 210 阅读 · 0 评论 -
分析一段css选择器实现TAB分页技术
[code="java"]Insert title here function changeState(mid) { document.getElementsByTagName("body")[0].id=mid; }//实现换body的id值。。 body { font: 100% verdana, arial, sans-...原创 2011-07-22 10:06:45 · 197 阅读 · 0 评论 -
css中display：inline
DIV1 DIV2 这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了 DIV1 DIV2 DIV1和DIV2这时候显示在同一行了，试试看吧 和 display:inline 对应的是 display:block，block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素，例如 SPAN 是行内显示的，但是你加了 display:b...原创 2011-07-22 09:31:01 · 294 阅读 · 0 评论 -
css区分各个浏览器和css Hack
[code="java"]原创 2011-09-07 16:29:20 · 299 阅读 · 0 评论 -
js中style属性以及仿制window.alert()功能和自定义
JS操作css下面是引用的。。很不错的总结、、[quote]使用js操作css属性的写法是有一定的规律的：1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后...原创 2011-09-14 17:32:22 · 219 阅读 · 0 评论 -
设置有iframe的页面根据窗口大小自动调整大小
有时页面会出现莫名的不能占满页面的情况[code="java"]window.onload=function(){ var height=document.documentElement.clientHeight; document.getElementById('left_area_id').style.height=height-2+"px"; do...原创 2011-09-16 14:24:39 · 1973 阅读 · 0 评论 -
IE和FF中获取兄弟节点
[code="java"]function getNextNode(target){ var rel=target; do{ rel=rel.nextSibling; }while(rel.nodeType!=1) return rel}[/code]至于这么些的原因见下面nodeType = 3是文本节点nodeType = 1是html节点...原创 2011-09-16 14:26:16 · 171 阅读 · 0 评论 -
postion和relative
如下A-B的嵌套结构 当A的position为relative时，B的position：absolute，相对位移的样式才有效。这时候left:0、top:0就不再针对窗口文档，而是针对id为A的这个div了。并且，元素设置了postion属性，left,top,right属性才起作用这样在开发一些基于B/S应用程序的时候，就能很方便的添加一些UI...原创 2011-09-22 15:20:23 · 230 阅读 · 0 评论 -
div居中的另类做法
[code="java"]user:password:[/code]原创 2011-07-20 16:17:35 · 74 阅读 · 0 评论 -
基本CSS选择器
基本CSS选择器,复合选择器,后代选择器 基本CSS选择器有标记选择器、类别选择器、ID选择器3种1。标记选择器 每一种HTML标记的名称都可以作为相应的标记选择器的名称，如h1,p,等等2。类别选择器 类别选择器的名称可以由用户自定义 格式如下：.class{color:green;font-size:20px;}3。ID选择器 与类别选择器相试...原创 2011-07-21 16:03:59 · 91 阅读 · 0 评论 -
用js+css+jsp做的Tab分页
[code="java"] [/code]下面紧接着是css代码有几个问题需要注意、、[quote]1.1处为div的高度，为了实现Tab页的效果，得让li（2处）+margin(3)==div的高度2.border占高度覆盖div边框的问题。。[/quote][code="java"].demo .mainNavg ...原创 2011-07-21 17:49:03 · 399 阅读 · 0 评论 -
转：Div自适应高度
由于设计页面需要，要把两个并排显示的div实现一样高的效果，n行n列布局，每列高度（事先并不能确定哪列的高度）的相同，是每个设计师追求的目标。方法有以下几种：1、JS实现（判断2个div高）；2、纯css方法；3、加背景图片实现。首先说下本博客实现的2个div一样高的方法（即js方法）。div+css基本布局：[code="java"]1、js实现div自适应高度代码如...原创 2011-08-04 14:49:23 · 110 阅读 · 0 评论