HTML/CSS - 金牛座 - PHP技术干货集中营,LAMP开发,PHP学习开发,C语言学习开发,VIM发烧友,自由开源分享

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

blogdaren 2016-06-30 905次来访

问题背景：将鼠标移动到超链接上(如<a style="cursor:hand;">挪动鼠标到我身上你将会看到一个手型效果</a> )，结果显示不出来鼠标小手效果问题解决：无论是IE还是火狐，通用的鼠标小手的样式是：style="cursor:pointer;"

【2】html文件中包含其他文件的方法大全

blogdaren 2014-12-22 1107次来访

在PHP中，我们常常使用include命令来包含公共文件，比如说页首、页尾的部分，使用公共文件非常方便，但在HTML页面里使用include根本就不起作用。这是因为，include是PHP的命令，因此可以在PHP页面里使用。而HTML静态页面被调用的时候并不经过PHP解释器，而是直接发送到用户浏览器，因此include命令就无效了。对于信息量较大的网站，通常我们都选择使用静...

【3】友情连接的交换策略

blogdaren 2014-12-05 979次来访

在其它网站做链接可以带来更多访问量。自从google等主要搜索引擎将网站的链接广泛度作为排名参考的重要因素以后，越多网站链接你，你的网站排名越高。同时，链接的质量也是搜索引擎考虑的重要因素。链接在访问量高的网站比链接在访问量低的网站更有优势。 1、将网站提交到主要的检索目录。确保你的网站登录到免费的Open Directory Project (www.dmoz.com)， ...

【4】40种网页常用小技巧

blogdaren 2014-12-04 976次来访

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、...

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

blogdaren 2014-11-02 1150次来访

frame作为html语言中的一部分，在网页制作中占据着重要的地位。大家看到很多网页上都好像windows下的资源管理器一样，在左边点击相应的链接，右边就会有相应的网页显示。就如我们进入邮箱的时候一样。这些都是使用frame的结果。下面我来给大家介绍frame的具体使用方法：使用frame必须首先用frameset来定义，可以说frameset就是frame的一个“统治者”。在html文...

【6】form表单中的enctype="multipart/form-data"含义

blogdaren 2014-10-27 1244次来访

今天再次笔录下表单中enctype="multipart/form-data"的含义：这是用来设置表单的MIME编码。默认编码格式是application/x-www-form-urlencoded，不能用于文件上传；切记只有使用了multipart/form-data，才能完整的传递文件数据，进行文件上传操作。

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

blogdaren 2014-09-03 1820次来访

首先可以尝试： { font-family: 微软雅黑； } 如果不行还可以用： { font-family: "Microsoft YaHei" ! important; } 使用中最好不用中文，中文的话，英文系统就显示不了了。（前提是英文系统也有这个字体） CSS中设置的字体考虑到兼容性，我们总会在CSS中队字体进行一些设置，这类设置往往设置在body标签...

【8】CSS代码美化各种表单按钮

blogdaren 2014-05-07 1058次来访

演示效果截图 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;...

【9】Yahoo关于网站性能优化的N条策略

blogdaren 2013-10-09 928次来访

一、 Yahoo的军规条例：谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等；详细的解释来这里查：英文版：http://developer.yahoo.com/performance/rules.html 中文版：http://www.itlearner.com/article/4877 也可以直接firebug上一项项比对，如下图： 1、尽量减少HT...

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

blogdaren 2013-09-05 1507次来访

<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、...

【11】CSS + ul li 横向排列的两种方法

blogdaren 2013-06-23 1276次来访

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>...

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

【13】真正可用的CSS文字两端对齐

blogdaren 2013-06-08 1300次来访

最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，用的都是类似的技巧： text-align:justify; text-justify:inter-ideograph; 我遇到问题是：看不到效果，无论是英文还是中文，在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法：）样式： div.just...

【14】css属性text-justify实现web文字两端对齐

blogdaren 2013-06-07 1447次来访

温馨提示：还是先参考另一片博文再继续往下看： http://blog.163.com/lgh_2002/blog/static/440175262013580153222/ 接着往下看：我们有时候会使用正文文字两端对齐，从而达到美化模板的目的。那么文字两端对齐是怎么实现的以及要注意什么问题，详情如下：目前，对于英文文章，只需要设定 ...

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

blogdaren 2013-06-07 1123次来访

这篇文章的讲的主要是关于一行横向排列内容，而又包含前面标题并且要求它的文字两端对齐的一种方法。如下图，网上有很多方法，但是经过我测试，基本没有一种方法能通过所有浏览器测试。而以下这种方法则兼容了大多数主流浏览器（ie6、7、8、9，ff，chrome，safari）。重点：必须定义标题的字体，这里我们设置字体为simsun；。在三个字的标题，这里...

PHP技术集中营 - 未来唯坚持原创为本【http://www.blogdaren.com】