WEB
关注
分享
扫一扫
cmj180
这个作者很懒，什么都没留下…
展开
-
png在IE6中的透明问题
[color=darkred]图片是插在网页中的：[/color] [color=darkred]若图片是背景：[/color]#img a{ background:images/text.png; _background:none; _filter:progid:DXIma...原创 2011-01-06 21:53:24 · 125 阅读 · 0 评论 -
css行内文本超出指定宽度溢出的处理
一般文字截断： .text-overflow{ display:block;/*内联对象需加*/ width:3.1em; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden; text-overflow:ellipsis;/*和下面的o...原创 2012-03-28 14:53:53 · 391 阅读 · 0 评论 -
半透明图层
原创 2012-10-31 16:11:17 · 214 阅读 · 0 评论 -
HTML文件HEAD内部标记浅析
今天，使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解HTML源代码和语法，无疑对我们制作主页有更大的帮助，也可以使用户能更精确地控制页面的效果。介绍HTML语法的文章已经很多，但是除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要我们对他们有一定的了解。 今天，使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解HTML源...原创 2012-10-31 16:15:30 · 225 阅读 · 0 评论 -
加入收藏
function bookmarkit() { window.external.addFavorite('http://你的网址','你的网站名称') } if (document.all)document.write('加入收藏夹')原创 2012-10-31 16:23:25 · 125 阅读 · 0 评论 -
网页背景从上到下的渐变
原创 2012-10-31 16:30:40 · 596 阅读 · 0 评论 -
三像素文本漫溢
三像素文本慢移：如果无名线框（包含内联内容的框）邻近某个浮动，则线框和浮动边缘之间会出现 3 个像素 (3px) 的间隙。在内容清除浮动时，此间隙会消失，导致内容朝着浮动的方向“慢移”三个像素。请注意，当左对齐文本邻近右浮动时，可能难以看到此间隙，但它确实存在，而且它可能导致紧密的布局中出现“浮动下降”。影响: Internet Explorer 6.0可能性: 很可能解决...原创 2012-11-20 10:14:27 · 194 阅读 · 0 评论 -
内联元素加上浮动就变成了块级元素
[b]内联元素加上浮动就变成了块级元素[/b] :( :( :idea:原创 2012-11-20 10:19:01 · 754 阅读 · 0 评论 -
dl dt dd
dl:definition listdt:definition titledd:definition description原创 2012-12-28 11:03:33 · 135 阅读 · 0 评论 -
css属性之display:inline-block
引用:将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari延伸一个问题：IE下块元素如何实现display:inline-block的效果？有两种方法：1、先使用display:inline-block属性触发块元素，然后再定义di...原创 2013-01-06 11:14:21 · 149 阅读 · 0 评论 -
HTML中自定义字体
@font-face { font-family:trebuc; src:url('trebuc/trebuc.woff'),url('trebuc/trebuc.ttf'),url('trebuc/trebuc.eot');/* IE9 */}body{ font-size:12px; font-family:trebuc;}原创 2014-05-22 11:03:48 · 339 阅读 · 0 评论 -
兼容新处理要点
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题:...原创 2013-09-16 13:59:40 · 107 阅读 · 0 评论 -
表格边框为1像素自定义颜色
table{ border:1px solid #949191; border-collapse:collapse;}td{ border:1px solid #949191;}原创 2012-10-31 15:03:39 · 477 阅读 · 0 评论 -
识别IE6的代码
将要在IE6里显示的内容和样式写在<!--[if lte IE 6]>在IE6内显示的内容<![endif]-->中间。原创 2012-03-13 14:40:20 · 139 阅读 · 0 评论 -
理解绝对定位和相对定位
概要：本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例，请看这个附件demo。)说明：占位空间：元素在文档流中所占据的空间。物理空间：元素本身所占据的空间。下面分3种情况分别对相对定位和绝对定位进行讨论：1.只使...原创 2012-03-13 11:10:21 · 220 阅读 · 0 评论 -
css命名规则
1. 常用的CSS命名规则 头：header 内容：content/container Chinaz 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点...原创 2011-01-17 09:14:21 · 144 阅读 · 0 评论 -
Dreamweaver经典问题
1.在浏览器前加自定义图标 你是不是记得有时在浏览网易网站的首页时，在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。 这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“<h...原创 2011-05-14 17:34:06 · 270 阅读 · 0 评论 -
HTML5 中的一些新特性
简洁的DOCTYPE： HTML5 只有一个简单的文档类型：<!DOCTYPE html>。它不使用版本，因此该文档类型适用所有版本的HTML。 简单易记的语言标签： 你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。 简单易记的编码类型： 你现在可以在met...原创 2011-02-06 18:47:44 · 119 阅读 · 0 评论 -
网页制作规范
(1)网站制作目录规范目录建立的原则：以最少的层次提供最清晰简便的访问结构。a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件，以及其他必须的系统文件；b.每个语言版本存放于独立的目录；c.每个主要功能(主菜单)建立一个相应的独立目录；d.当页面超过20页，每个目录下存放各自独立images目录，共用的图片放在根目录下的im...原创 2011-02-22 09:44:59 · 125 阅读 · 0 评论 -
HSB
在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度。 HSB模式对应的媒介是人眼。 色相：在0~360°的标准色轮上，色相是按位置度量的。在通常的使用中，色相是由颜色名称标识的，比如红、绿或橙色。黑色和白色无色相。 饱和度：表示色彩的纯度，为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最...原创 2011-06-17 14:34:36 · 205 阅读 · 0 评论 -
兼容所有浏览器的圆角
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>兼容所有浏览器的圆角</title> <style type="tex原创 2012-07-06 13:39:58 · 125 阅读 · 0 评论 -
CSS字体调用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2012-03-05 09:31:06 · 119 阅读 · 0 评论 -
爱恨原则
【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序以前用CSS一直没有遇到过这个问题，在最近给一个本科同学做的项目里面。出现一些问题，搜索引擎查了一些网站和资料，发现很多人问到这个问题，给出的结果我试了试，大部分都不正确。 给出我试的顺序，可能会对大家有一些帮助： 代码A:link { color : ...原创 2012-07-12 09:06:39 · 438 阅读 · 0 评论 -
点此打印代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <met原创 2012-03-07 15:32:22 · 95 阅读 · 0 评论 -
按钮鼠标悬停时手势
<button name="submit" type="submit" value="提交" onmouseover="this.style.cursor='hand'">提交</button>原创 2012-03-08 16:11:08 · 1011 阅读 · 0 评论 -
Javascript中最常用的55个经典技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制...原创 2012-03-08 16:53:41 · 115 阅读 · 0 评论 -
我的CSS框架-base.css
@charset "utf-8";/*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */html { background:white; color:black;}/* 内外边距通常让各个浏览器样式的表现位置不同...原创 2015-04-13 10:19:21 · 251 阅读 · 0 评论