随笔分类 - HTML/CSS
摘要：通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响，来研究用户在界面设计中所体现的重要性。交互性已经成为网络界面设计中设计追求的目 标。为了使设计满足可用性要求，全面的了解用户特征及多元化要求是十分必要的。这就需
阅读全文
摘要：
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的IE9不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或
阅读全文
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的IE9不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或
阅读全文
摘要：
上网在线阅读，是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，有没有人抱怨过：“这样的页面还需要出效果图啊?”作为网页设
阅读全文
上网在线阅读，是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，有没有人抱怨过：“这样的页面还需要出效果图啊?”作为网页设
阅读全文
摘要：本文转载自谈笑涧《WEB前端开发规范文档》为 新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规...
阅读全文
摘要：1. document.form.item 问题(1)现有问题：现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行(2)解决方法：改用 document.formName.elements["elementName...
阅读全文
摘要：代码： 当使用背景图片的时候，不给定div宽和高背景图片是看不到的使用绝对定位定义层级时：z-index:99;(值越大层级越高)，如果定位的div给定的宽度为100%，，则它的参照不是原来的父级div的宽度，，而是当前页面的宽度来自：http://blog.csdn.net/cctv_end/a...
阅读全文
摘要：
运用好透明效果是提高网页设计水准的重要方法之一。如同使用其他方法一样，设计师们有很多种手段将透明效果运用到网页中，今天这篇文章就来好好和您分享一下关于“透明”的实用小技巧哟：）在网页设计中使用透明效果是件既美观又冒险的事儿。透
阅读全文
运用好透明效果是提高网页设计水准的重要方法之一。如同使用其他方法一样，设计师们有很多种手段将透明效果运用到网页中，今天这篇文章就来好好和您分享一下关于“透明”的实用小技巧哟：）在网页设计中使用透明效果是件既美观又冒险的事儿。透
阅读全文
摘要：一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不 换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应 该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑
阅读全文
摘要：
也许标题有点夸大了。虽然不能完全保证大家都不知道这些，但是这也算是一个好机会检测下你是否知道或使用过下面的内容。SelectorsRoot:root{}使用root可以让你在DOM中选择最高级父元素。如果你在写HTML,那么htnl元素永远是最高的。因为对于一个目标元素伪类选择器有更高特性，你可以用...阅读全文
阅读全文
也许标题有点夸大了。虽然不能完全保证大家都不知道这些，但是这也算是一个好机会检测下你是否知道或使用过下面的内容。SelectorsRoot:root{}使用root可以让你在DOM中选择最高级父元素。如果你在写HTML,那么htnl元素永远是最高的。因为对于一个目标元素伪类选择器有更高特性，你可以用...阅读全文
阅读全文
摘要：百分比值同关键字很接近，但其操作方式不一样。用百分比值来居中一幅背景图像，也很简单： body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; } 这使得背景...
阅读全文
摘要：在 FF/Chrome 等较新的浏览器中可以使用css属性background- color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实 现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点
阅读全文
摘要：<script language="javascript" type="text/javascript" src="http://files.cnblogs.com/webqiand/jquery.js"></script> <script type="text/javascript"> $(doc
阅读全文
摘要：
反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。 这种布局比较常见，博客园很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边栏，而自适应的区域是主体内容区——相信把侧边
阅读全文
反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。 这种布局比较常见，博客园很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边栏，而自适应的区域是主体内容区——相信把侧边
阅读全文
摘要：即可禁止输入法js形式：active 代表输入法为中文inactive 代表输入法为英文auto 代表打开输入法 (默认)disable 代表关闭输入法禁止input 粘贴：ondragstart="return false" 禁止鼠标在网页上拖动ondragenter 当用户拖曳对象到一个合法拖...
阅读全文
摘要：设置边框重叠border-collapse:collapse; /*边框重叠*/例：
阅读全文
摘要：我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！ 是不是你的滚动条在左边啊
阅读全文
摘要：1. 在 table的css里面加: border-collapse:collapse;在 td 的css里面加: empty-cells:show;2 .最简单的就是 在TD里写个说明:border-collapse设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。定义和用...
阅读全文
摘要：
本文转载自wliuxia《实现单行超出部分，省略号表示 兼容各浏览器》这里介绍两种方法，都是css实现的，其他的js，jq代码，可以去网上搜索很多。第一种：margin负值定位法这是一段比较长的文字，用来测试是否文字溢出时会用省略号显示。….text
阅读全文
本文转载自wliuxia《实现单行超出部分，省略号表示 兼容各浏览器》这里介绍两种方法，都是css实现的，其他的js，jq代码，可以去网上搜索很多。第一种：margin负值定位法这是一段比较长的文字，用来测试是否文字溢出时会用省略号显示。….text
阅读全文
摘要：
隔行变色： #list1 li:nth-of-type(odd){ background:#00ccff;}奇数行 #list1 li:nth-of-type(even){ background:#ffcc00;}偶数行 #list2 li:nth-child(4n+1){ background:#...
阅读全文
隔行变色： #list1 li:nth-of-type(odd){ background:#00ccff;}奇数行 #list1 li:nth-of-type(even){ background:#ffcc00;}偶数行 #list2 li:nth-child(4n+1){ background:#...
阅读全文
浙公网安备 33010602011771号