欢迎大家访问博主的博客新家:IT博客达人网 (http://www.blogdaren.com)[耶]
  • 微信微信
  • 【原创】Firefox火狐浏览器代码 style="cursor:hand;" 显示不出来鼠标小手效果

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

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

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

    manon 2014-12-4 22:46 HTML/CSS 抢沙发 456人打酱油
    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 抢沙发 488人打酱油
    frameset元素属性详解、浮动框架的制作、超链接与框架的制作
    frame作为html语言中的一部分,在网页制作中占据着重要的地位。大家看到很多网页上都好像windows下的资源管理器一样,在左边点击相应的链接,右边就会有相应的网页显示。就如我们进入邮箱的时候一样。这些都是使用frame的结果。 下面我来给大家介绍frame的具体使用方法。 使用frame必须首先用frameset来定义,可以说frameset就是frame的一个“统治者”。在html文档...
  • form表单中的enctype="multipart/form-data"含义

    manon 2014-10-27 11:31 HTML/CSS 抢沙发 670人打酱油
    form表单中的enctype="multipart/form-data"含义
    今天再次笔录下表单中enctype="multipart/form-data"的含义: 这是用来设置表单的MIME编码。默认编码格式是application/x-www-form-urlencoded,不能用于文件上传;切记只有使用了multipart/form-data,才能完整的传递文件数据,进行文件上传操作。
  • 网页中如何用CSS设置微软雅黑字体?

    manon 2014-9-3 22:38 HTML/CSS 抢沙发 765人打酱油
    网页中如何用CSS设置微软雅黑字体?
    首先可以尝试: { font-family: 微软雅黑; } 如果不行还可以用: { font-family: "Microsoft YaHei" ! important; } 使用中最好不用中文,中文的话,英文系统就显示不了了。(前提是英文系统也有这个字体) CSS中设置的字体 考虑到兼容性,我们总会在CSS中队字体进行一些设置,这类设置往往设置在body标签...
  • CSS代码美化各种表单按钮

    manon 2014-5-7 10:27 HTML/CSS 抢沙发 498人打酱油
    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 抢沙发 438人打酱油
    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 抢沙发 778人打酱油
    解决html <base url="..."> 标签不起作用的问题
    <base> 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、...
  • CSS + ul li 横向排列的两种方法

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

    manon 2013-6-8 0:15 HTML/CSS 抢沙发 512人打酱油
    真正可用的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 抢沙发 560人打酱油
    css属性text-justify实现web文字两端对齐
    温馨提示: 还是先参考另一片博文再继续往下看: http://blog.163.com/lgh_2002/blog/static/440175262013580153222/ 接着往下看:   我们有时候会使用正文文字两端对齐,从而达到美化模板的目的。那么文字两端对齐是怎么实现的以及要注意什么问题,详情如下: 目前,对于英文文章,只需要设定 ...
  • HTML + CSS短标题(二,三,四文字长度)两端对齐的方式

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