html编辑器的更新 fckeditor FCKeditor 2.3beta 已经发布了。改写的部分代码，缩短了载入时间。 采用了新的工具栏系统，缩短了载入时间 新的右键快捷菜单，支持二级菜单 添加了一个新的功能可以将编辑区域调整到适合窗口大小 修复了一些bug，最重要的是修补了使用编辑器上传文件时的安全性问题。推荐升级到2.3 新的系统也可能使一些旧的皮肤不能使用 Tinymce 现在的版本是2.0.6.1 (2006-05-21) 修正了许多的bug ，最重要的...
一、链接在HTML中超文本的链接非常重要，基本格式如下：链接文字1、本地链接①绝对路劲：绝对路劲链接到本地图片②相对路劲 相对路劲链接到本地图片③链接到上一级目录链接到上一级目录2、URL链接形式：协议名：//主机.域名/路劲/文件名协议包括：file 本地系统文件http WWW服务器ftp ftp服务器telnet 基于TELNET的协议mailto 电子邮件news Usenet新闻组gopher GOPHER服务器wais WAIS服务器...
WebStorage是HTML5中本地存储的解决方案之一，在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案，浏览器兼容的本地存储方案只有使用cookie。有同学可能会问，既然有了cookie本地存储，为什么还要引入WebStorage的概念？ Cookie肿么了 cookie的缺陷是非常明显的 1. 数据大小：作为存储容器，cookie的大小限制在4KB左右这是非常坑爹的，尤其对于现在复杂的业务逻辑需求，4KB...
阅读本文，先仔细阅读网站文章。 Zen Coding 快速编写HTML/CSS代码的实现 代码如下:E 元素名称(div, p); E#id 使用id的元素(div#content, p#intro, span#error); E.class 使用类的元素(div.header, p.error.critial). 你也 可以联合使用class和idID: div#content.column.width; E>N 子代元素(div>p, div#footer>p>span); E+N 兄弟元素(h1+p, div#header+div#content+div#footer); E*N 元素倍增(ul#nav>li*5>a); E$*N 条目编号 (ul...
css 代码 代码如下:.couplet_ad/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}* html .couplet_ad/* IE6 底部固定*/{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}.couplet_ad a{ display:block; cursor:pointer;}#ad_left{ left: 0px;}#ad_right{ right: 0px;} html代码(下代码直接放到html中即可)对联广告...
百度新闻首页的方案： 代码如下: … html结构丑陋，但css简单。新浪微博首页的方案： 代码如下:<img src="" ...>.... CSS： 代码如下:.twit_list dd .twit_item_pic{float:left;width:66px;padding-top:2px;} .twit_list dd .twit_item_content{float:left;width:316px;color:#666;line-height:18px;} 大部分应试者都是这个答案。用了浮动就必须定宽，结构就失去灵活性，同时必须解决浮动带来的一系列问题。网易首页方案： 代...
一、网页背景半透明网页背景半透明 代码如下:opacity:0.8;filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解决PNG图片半透明问题：#DIVname { width: 300px; height: 99px; background: url(images/top.png) no-repeat top; *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src=template/flower/images/t...
一、条件注释简介1.IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。2.条件注释只能用于IE5以上。3.如果你安装了多个IE，条件注释将会以最高版本的IE为标准。4.条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。5.IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。二、条件注释属性gt :...
1 六角形 代码如下:#star-six { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; position: relative;}#star-six:after { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; position: absolute; content: ""; top:...
强制不换行，直接使用white-space:nowrap即可。CSS设置不转行: overflow:hidden 隐藏 white-space：normal 默认 pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象例:强制不换行 代码如下: div{white-space:nowrap;}
meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和 keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：name 属性 用以说明生成工具（如Micr...
类选择器 在 CSS 中，类选择器以一个点号显示： 代码如下: .center {text-align: center} 在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。 代码如下: This heading will be center-aligned This paragraph will also be center-aligned. 注意：类名的第一个字符不能使用数字！它无法...
在网页设计里，字体的显示是个问题。最普遍用的是宋体，但是宋体在 Win 7 下的表现真的很难看。雅黑端庄一些，但是随着字体大小，感觉汉字的大小也会有区别。小站现在用的字体是是宋体 + Arial/Georgia，因为习惯了也没多在意，其实对于英文字体有其它更好的选择。比如 Bitter 字体，用来做标题倒是不错： 代码如下:Welcome To NowaMagic.netCSS 怎么调用 Bitter 字体？ 代码如下:@font-face { font-family: Bitter; font-style:...
使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情况：1.使块元素在一行显示2.使内嵌元素支持宽高3.不设置不宽高的时候宽度由内容撑开4.换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动）5.元素添加浮动，会脱...
前提：气泡框或者提示框是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果！ 如下效果：and 我们可以来分析下：要实现这种效果 无外乎就是一个矩形和一个小三角形 然后三角形定位上去就可以了，那么我们怎么样通过css来制作小...