欢迎大家访问博主的博客新家：IT博客达人网 （http://www.blogdaren.com）[耶]

  • 【原创】Firefox火狐浏览器代码 style="cursor:hand;" 显示不出来鼠标小手效果

    manon 2016-6-30 16:07 HTML/CSS 抢沙发 818人打酱油
    【原创】Firefox火狐浏览器代码 style="cursor:hand;" 显示不出来鼠标小手效果
    问题背景： 将鼠标移动到超链接上(如<a style="cursor:hand;">挪动鼠标到我身上你将会看到一个手型效果</a> )，结果显示不出来鼠标小手效果 问题解决： 无论是IE还是火狐，通用的鼠标小手的样式是：style="cursor:pointer;"
    木有标签 阅读全文

  • html文件中包含其他文件的方法大全

    manon 2014-12-22 22:42 HTML/CSS 抢沙发 1018人打酱油
    html文件中包含其他文件的方法大全
    在PHP中，我们常常使用include命令来包含公共文件，比如说页首、页尾的部分，使用公共文件非常方便，但在HTML页面里使用include根本就不起作用。这是因为，include是PHP的命令，因此可以在PHP页面里使用。而HTML静态页面被调用的时候并不经过PHP解释器，而是直接发送到用户浏览器，因此include命令就无效了。 对于信息量较大的网站，通常我们都选择使用静...
    木有标签 阅读全文

  • 友情连接的交换策略

    manon 2014-12-5 23:34 HTML/CSS 抢沙发 884人打酱油
    友情连接的交换策略
    在其它网站做链接可以带来更多访问量。自从google等主要搜索引擎将网站的链接广泛度作为排名参考的重要因素以后，越多网站链接你，你的网站排名越高。同时，链接的质量也是搜索引擎考虑的重要因素。链接在访问量高的网站比链接在访问量低的网站更有优势。 1、将网站提交到主要的检索目录。 确保你的网站登录到免费的Open Directory Project (www.dmoz.com)， ...
    木有标签 阅读全文

  • 40种网页常用小技巧

    manon 2014-12-4 22:46 HTML/CSS 抢沙发 913人打酱油
    40种网页常用小技巧
    1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、...
    木有标签 阅读全文

  • frameset元素属性详解、浮动框架的制作、超链接与框架的制作

    manon 2014-11-2 20:49 HTML/CSS 抢沙发 1017人打酱油
    frameset元素属性详解、浮动框架的制作、超链接与框架的制作
    frame作为html语言中的一部分，在网页制作中占据着重要的地位。大家看到很多网页上都好像windows下的资源管理器一样，在左边点击相应的链接，右边就会有相应的网页显示。就如我们进入邮箱的时候一样。这些都是使用frame的结果。 下面我来给大家介绍frame的具体使用方法。 使用frame必须首先用frameset来定义，可以说frameset就是frame的一个“统治者”。在html文档...
    木有标签 阅读全文

  • form表单中的enctype="multipart/form-data"含义

    manon 2014-10-27 11:31 HTML/CSS 抢沙发 1156人打酱油
    form表单中的enctype="multipart/form-data"含义
    今天再次笔录下表单中enctype="multipart/form-data"的含义： 这是用来设置表单的MIME编码。默认编码格式是application/x-www-form-urlencoded，不能用于文件上传；切记只有使用了multipart/form-data，才能完整的传递文件数据，进行文件上传操作。
    form 文件上传 阅读全文

  • 网页中如何用CSS设置微软雅黑字体？

    manon 2014-9-3 22:38 HTML/CSS 抢沙发 1676人打酱油
    网页中如何用CSS设置微软雅黑字体？
    首先可以尝试： { font-family: 微软雅黑； } 如果不行还可以用： { font-family: "Microsoft YaHei" ! important; } 使用中最好不用中文，中文的话，英文系统就显示不了了。（前提是英文系统也有这个字体） CSS中设置的字体 考虑到兼容性，我们总会在CSS中队字体进行一些设置，这类设置往往设置在body标签...
    CSS 微软雅黑 阅读全文

  • CSS代码美化各种表单按钮

    manon 2014-5-7 10:27 HTML/CSS 抢沙发 985人打酱油
    CSS代码美化各种表单按钮
    演示效果截图 CSS代码 <style type="text/css"> .buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede;...
    木有标签 阅读全文

  • Yahoo关于网站性能优化的N条策略

    manon 2013-10-9 22:44 HTML/CSS 抢沙发 856人打酱油
    Yahoo关于网站性能优化的N条策略
    一、 Yahoo的军规条例： 谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等； 详细的解释来这里查： 英文版：http://developer.yahoo.com/performance/rules.html 中文版：http://www.itlearner.com/article/4877 也可以直接firebug上一项项比对，如下图： 1、尽量减少HT...
    木有标签 阅读全文

  • 解决html <base url="..."> 标签不起作用的问题

    manon 2013-9-5 17:17 HTML/CSS 抢沙发 1396人打酱油
    解决html <base url="..."> 标签不起作用的问题
    <base> 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、...
    木有标签 阅读全文

  • CSS + ul li 横向排列的两种方法

    manon 2013-6-23 1:40 HTML/CSS 抢沙发 1098人打酱油
    CSS + ul li 横向排列的两种方法
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>...
    木有标签 阅读全文

  • 【转载】【收藏】Web前端开发规范文档

    manon 2013-6-12 22:08 HTML/CSS 抢沙发 807人打酱油
    【转载】【收藏】Web前端开发规范文档
    规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证...
    木有标签 阅读全文

  • 真正可用的CSS文字两端对齐

    manon 2013-6-8 0:15 HTML/CSS 抢沙发 1157人打酱油
    真正可用的CSS文字两端对齐
    最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，用的都是类似的技巧： text-align:justify; text-justify:inter-ideograph; 我遇到问题是：看不到效果，无论是英文还是中文，在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 ：） 样式： div.just...
    木有标签 阅读全文

  • css属性text-justify实现web文字两端对齐

    manon 2013-6-7 23:40 HTML/CSS 抢沙发 1272人打酱油
    css属性text-justify实现web文字两端对齐
    温馨提示： 还是先参考另一片博文再继续往下看： http://blog.163.com/lgh_2002/blog/static/440175262013580153222/ 接着往下看：   我们有时候会使用正文文字两端对齐，从而达到美化模板的目的。那么文字两端对齐是怎么实现的以及要注意什么问题，详情如下： 目前，对于英文文章，只需要设定 ...
    木有标签 阅读全文

  • HTML + CSS短标题（二，三，四文字长度）两端对齐的方式

    manon 2013-6-7 23:24 HTML/CSS 抢沙发 1046人打酱油
    HTML + CSS短标题（二，三，四文字长度）两端对齐的方式
    这篇文章的讲的主要是关于一行横向排列内容，而又包含前面标题并且要求它的文字两端对齐的一种方法。如下图，网上有很多方法，但是经过我测试，基本 没有一种方法能通过所有浏览器测试。而以下这种方法则兼容了大多数主流浏览器（ie6、7、8、9，ff，chrome，safari）。   重点：必须定义标题的字体，这里我们设置字体为simsun；。在三个字的标题，这里...
    木有标签 阅读全文