制作WEB在线编辑器-插入HTML标签

2017年02月06日 136 阅读

以前认为WEB的在线编辑器无非就是对输入内容的替换以及快捷的插入HTML代码，但是做的时候却发现虽然原理是那样，但是实现方法并非我想的那么死板。由于很少做UI上的东西所以到现在才知道在document中有execCommand方法可以解决插入HTML标签的问题，这个方法可以在光标所在位置插入需要的HTML标签，并且要注意的是，如果在一个限制的范围内插入标签需要先让该范围获得焦点，例如： a.focus（）; a.document.execCommand（"...

编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu

2017年02月06日 78 阅读

编写纯CSS弹出菜单的原理及实现Byshawl.qiu摘要:本文介绍了使用CSS编写适用于Opera,Firefox,IE的多风格弹出菜单说明:编写CSS弹出菜单的要点不外乎当鼠标移到目标上时,显示出隐藏的标签.要隐藏的标签使用display:none;属性进行隐藏.触发显示隐藏标签主要使用:hover属性,并用display:block;显示隐藏的标签.但由于浏览器对CSS的支持并非一致.对于Opera或者Firefox,我们可以编写出纯CSS菜单,他们...

DIV+CSS 滑动门技术的简单例子

2017年02月06日 87 阅读

作者：zishu以下是客齐集网站上应用的一个导航条.这次写的没有直接在STYLE里用ID的形式控制.全部用的CLASS形式;复制代码 代码如下:<styletype="text/css"> #zishuli{float:left;margin-left:5px;margin-top:50px;} .nav_aa:link,.nav_aa:visited{text-decoration:none;display:block;padding-rig...

给自己的网站制作一个favicon.ico图标的实现方法

2017年02月06日 82 阅读

ico图标是网站的头像，在打开网站的时候出现在IE的地址栏里，目前大多数浏览器都支持，最常用的IE6.0则显示加入本地收藏夹网站的ICO图像：绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失.以下是一些名站的头像：Google百度新浪新华网QQ多数有名的设计网站更重视ICO图标：设计在线：闪客帝国:逸品设计:圆点视线其实制作ICO图标很简单，主要是很少软件支持ICO格式...

100%点击区的滑动门代码第1/2页

2017年02月06日 84 阅读

BLOG地址：http://www.planabc.net/article.asp？id=107学习标准的朋友，一般都会在学习的过程中接触到CSS滑动门技术，或许大家也都看过这篇文章《CSS中的滑动门技术》，如果你还没接触过或还没看过上文或有点忘记内容，也没关系，可以点击上面的文章链接，先了解或温习一遍。在《CSS中的滑动门技术》一文中的滑动门例子，大家仔细实验，或许已经发现，链接区有9像素的盲点无法点击，而且在IE下，只能点击文字部分大小，不能点击整个按...

关于《精通css》之几个不错的注意事项

2017年02月06日 99 阅读

很多认真的读者提出了不少的问题和建议，以下是本人看完书后的补充的一些观点： 总的来说，翻译能得85分，不像某些人说得那么差，误导读者。 1.filter在本书中有两个用途，52页中间AlphaImageLoader过滤器应该翻译为滤镜，其他的地方翻译成过滤器是比较合适的。 2.71页原书应该有错误，a:hover伪类问题不止是IE5.x有问题，IE6标准模式下也是有问题的。 3.144页（原书164页）应该是原书的错误，MSBMH代码段有问题： *html...

用js实现的DIV+CSS编辑器代码

2017年02月06日 83 阅读

DIV+CSS编辑器 var sInitColor = null; function callColorDlg（obj）{ if （sInitColor == null）var sColor = dlgHelper.ChooseColorDlg（）; else var sColor = dlgHelper.ChooseColorDlg（sInitColor）; sColor = sColor.toString（16）; if （sCol...

css条件注释理论及实践源文件

2017年02月06日 90 阅读

浏览器的条件注释理论，用下面一段例子来解释这个问题 （X）HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 <！--[ifIE]> <h1>您正在使用IE浏览器</h1> <！[endif]--> <！--[ifIE5]> <h1>版本5</h1> <！[endif]--> <！--[ifIE5.0]> <h1>版本5...

CSS条件注释的使用详解教材

2017年02月06日 101 阅读

声明：以下内容收集于网络，经才子理解后，加以整理编辑，转载请保留才子小站的链接，谢谢！！！才子手记：http://blog.54caizi.com玩WEB重构的朋友相信都有一个同样的苦恼，那就是由于浏览器版本的不同，对CSS里某些元素的解释也不一样，才子当然也碰到同样的问题，也收集了一些解决方法，才子之前贴过两个针对浏览器版本不同而选择不同CSS的代码，有兴趣的朋友自己找找吧。其实我们还可以利用条件注释的方法来达到类似的目的，什么是条件注释，才子也在此简单...

针对浏览器隐藏CSS之独孤九剑

2017年02月06日 93 阅读

针对浏览器隐藏CSS之独孤九剑Hide CSS for Browsers 我们都知道浏览器之间是有差异的，很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧，“隐藏CSS”就是其中很重要的一种技巧（甚至是最重要的）。这种技巧的主要思想是，用某些方式对某些浏览器隐藏某些重载的CSS规则。 这篇文章并不是想教你如何使用这种技巧，它面向的是有一定CSS基础的设计开发者，我假定你曾经使用过某种隐藏CSS规则...

20个优秀CSS网站（3月精选）

2017年02月06日 91 阅读

从这些CSS Gallery网站中精选了20个比较漂亮的XHTML＋CSS布局网站，推荐给喜欢网页设计的人，无论是做博客模板还是做网站设计，在设计理念、色调、导航条、按钮、排版布局方面，都有一些值得借鉴的地方。1、competitious.com2、carawilliams.com.au3、qodo.co.uk4、tulumarka.com5、egolounge.de6、luisalarcon.com7、simplebits.com8、456bereast...

position:relative/absolute无法冲破的等级

2017年02月06日 88 阅读

注：本文实例在IE5.x下可能会显示不出来，请使用IE6、IE7、Firefox、Opera等浏览器来调试！ 前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：复制代码 代码如下:<ul> <li>第一块</li> <li><span>第二块</span></li> <li>第三块</li> <li>第四块<...

CSS样式表常用小技巧收藏

2017年02月06日 92 阅读

·ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 ·同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效。 ·初学可能会碰到这样一个情况，同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。 临时解决方法：选择符{属性名:B！important;属性...

收集的web页面html中常用的特殊符号大全

2017年02月06日 78 阅读

*特殊符号：·⊙①⊕◎Θ⊙*○¤㊣㈱＠の*□*☆**▲△▼▽⊿ ▂▃▄▆**▉▊▋▌▍▎▏*回□**≡ ↑↓→←↘↙♀♂┇┅‖$@*&#※卍卐∞Ψ§∮№⌒＊ *标点符号：．。，、；：？！ˉˇ¨`~々～‖∶＂＇｀｜·…—～-〃 ‘"“”〝〞〔〕〈〉《》「」『』〖〗【】（）［］｛｝︻︼﹄﹃ *数学符号：＋－×÷﹢﹣±／＝∥∠≌∽≦≧≒﹤﹥≈≡≠＝≤≥＜＞≮≯ ∷∶∫∮∝∞∧∨∑∏∪∩∈∵∴⊥∥∠⌒⊙√∟⊿㏒㏑％‰ *单位符号：㎎㎏㎜㎝㎞㎡㏄㏎㏑㏒㏕℡％‰℃℉°...

bc1998录制的css视频教程推荐新手看下

2017年02月06日 76 阅读

css教程之lightboxcss教程之html、body标签的定义 第一部分视频 第二部分视频内容：一、100%的自适应高度要同时设置html和body标签。二、html标签的作用范围等于body标签作用范围加上滚动条。发布时间：2007.3.2css教程之hr标签的定义 视频地址css教程之table标签的定义第一讲视频 第二讲视频 第三讲视频 第四讲视频内容：web新标准中表格的应用和table,tr,td,th等标签，介绍两款软件和css定义的格式...

网页颜色搭配技巧 文字字体、字号、字体排版等

2017年02月06日 149 阅读

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜 色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的...

dl+ol应用分析

2017年02月06日 92 阅读

题目：dl+ol的练习 作者：嗷嗷 上次li把dl模拟了~dl不知道要干什么了~找了ol一起来做复合列表~ 这个练习除了css外~外加用了点JS 先看下难看的演示因为最近太懒~没做漂亮的样式学习dl中dl *{margin: 0;padding: 0;font-size:12px;}dl{width: 405px;height:128px;border:1px #000 solid;}dt{width:120px;height: 32px;line-hei...

li的简单应用

2017年02月06日 78 阅读

作者:eoe 虽然自己天天写CSS~~ 可是来了原创文章这里~~不知道要写什么~~ 今天就先写个LI的简单应用~~以后慢慢加好了 这是一个普通的LI <！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <hea...

让人不得不佩服的CSS效果

2017年02月06日 80 阅读

作者：eoe1.寻寻觅觅先要找个到好效果~才能抄如http://www.cssplay.co.uk/ http://www.cssbeauty.com 等都能常常看到今天不小心路过cssplayhttp://www.cssplay.co.uk/ menus/magnifier2.html好像好好玩滴样子自己开起topstyle来试一下建议大家看到好玩的样式~不要急着看他的CSS~没意义2.自己动手~丰衣足食<！DOCTYPEhtmlPUBLIC"-/...

web打印的另类方法

2017年02月06日 78 阅读

web打印的另类方法选择自wfmazhenhai的Blog 关键字web打印的另类方法 出处 相信用B/S方式做过应用的人都可能会遇到这样一个问题，如何方便、美观地实现报表打印。如果使用浏览器的打印菜单打印的话，将把网页上的一些无用的东西打到报表上，比如应用菜单等。因为选择打印菜单打印网页将会把网页中的所有内容全部打印出来，如果你的应用有分帧则打印内容将包括各帧中的内容，而你实际要的内容只是其中一部分。所以有很多应用就只能把打印功能放到后台完成了。 针对...