随笔分类 - div+css+html
摘要：转自 https://www.cnblogs.com/wanlige/p/12661767.html 一直对这个属性不懂，终于找到一个地址，看懂了说明。原地址https://blog.csdn.net/fen584521/article/details/52123368 position 定位属性，
阅读全文
摘要：本文转自http://blog.csdn.net/whwqs/article/details/2458628个人觉得网易邮箱的添加附件功能是比较酷的，这两天网上网下研究了下。有些心得写出来，免得遗忘。一切起源于type为file的input，这是没话可多说的（这个东西很神秘）。为什么网易页面上却没有看见这个东西？看下面：<html><head><title>上传控件演示</title></head><body><inputtype="file"id="f1"style=&quo
阅读全文
摘要：1：http://www.icreondesignstudio.com/sitemap.shtml他的背景用的很好。用户体验好2:http://www.html5china.com/course/20111012_2244.html html翻书效果
阅读全文
摘要：本文转自http://adamghost.com/2008/12/ie-haslayout-%E8%AF%A6%E8%A7%A3/我们都知道浏览器有bug，而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的衣现与其他浏览器不同的原因之一是，显示引擎使用一个称为布局(layout)的内部概念。因为布局是一个专门针对显示引擎内部工作方式的概念，所以一般悄况下不需要了解它。但是，布局问题是许多IE/Win显示bug的根源，所以理解这个概念以及它如何影响CSS是有捂助的。什么是布局Windows 上的IE 使用布局概念来控制元素的尺寸和定位。那些称为拥有布局(have layo
阅读全文
摘要：View Code 1 <div style=" margin-top:-93px" class="ctn">2 <div class="content">3 </div>4 </div>5 6 div.ctn{ background:#eee; display:none; position:absolute; margin:-30px 0 0 177px; width:570px; padding:5px; border:1px #cc0000 solid; z-index:100;}
阅读全文
摘要：（1）对于一个层内有浮动的层，主层应该用OVERFLOWER：HIDDEN，以消除内层的浮动导致的其它外的影响。比如:<div id="main1"> <div id="son1" style="float：left; display:inline">aa</div></div><div id="main2" style="margin-top:10px;"> main2内容 </div>这时候如果MIAN1不加OVERFL
阅读全文
摘要：使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1...
阅读全文
摘要：用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（ 总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 table{table-layout: fixed;} td(word-break: break-all; word-wrap:break-word;) 注释一下： 1.第一条table{table-layout...
阅读全文
摘要：· ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 · 初学可能会碰到这样一个情况，同样一个标签的属性在 ...
阅读全文
摘要：有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下： img,a img{ border:0;margin:0;padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expressio...
阅读全文
摘要：下面是源代码：<style> div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -120px; } </style><div style="background:#404040;width:120px;height:200px;"></div> <div style="b...
阅读全文
摘要：由于BAIDU不支持源代码，效果请看我的另一个BLOG：http://www.blog.edu.cn/user4/dpxdqx/archives/2007/1867755.shtml下面是源码：<STYLE type=text/css media=screen> <!-- *{font-size:12px;} UL{list-style-type:none; margin:0px...
阅读全文
摘要：由于BAIDU不支持源代码，所以效果请您查看，这是我的另一个BLOG：http://www.blog.edu.cn/user4/dpxdqx/archives/2007/1867749.shtml下面是源码：<style> #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #...
阅读全文
摘要：层垂直居中于浏览器，一直是新手朋友比较头疼的问题。 其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中...
阅读全文
摘要：xml(extensible Markup Language)的出现，结构化文档和数据有了一个通用的、科适应的格式，不仅仅应用在web上，也可以应用在任何地方。标准称为可能。XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。它实现HTML向XML的过渡。CSS是C...
阅读全文
摘要：<style>body{font-size:12px; font-family:"宋体";margin:0;padding:0;}#menu {height:29px!important;height:30px;line-height:29px;list-style-type: none;background:#B5DCF9;}#menu a {display: block; widt...
阅读全文
摘要：meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重...
阅读全文
摘要：第一种，是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; ...
阅读全文
摘要：一个好的命名习惯对一个网页制作人员来说可以提高代码修改的效率及代码的可读性，本图是彦磊根据自己的习惯整理而成，希望和大家交流，每个人的习惯不一样，不一下完全按照这样的规则来但一定要有自己的一套规则。
阅读全文
摘要：一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</styl...
阅读全文
