首页 HTML/CSS
  • 【1】【原创】div层内容溢出后如何保证滚动条实时自动同步滚动到最底部?

    blogdaren 2018-10-29   765次来访
    问题背景: 固定宽度和高度的div层,当div里的内容在超出固定的高度之后,即产生了溢出,如何保证滚动条实时自动同步滚动到最底部? 解决方案: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Dem...
  • 【2】【原创】Firefox火狐浏览器代码 style="cursor:hand;" 显示不出来鼠标小手效果

    blogdaren 2016-06-30   1381次来访
    问题背景: 将鼠标移动到超链接上(如<a style="cursor:hand;">挪动鼠标到我身上你将会看到一个手型效果</a> ),结果显示不出来鼠标小手效果 问题解决: 无论是IE还是火狐,通用的鼠标小手的样式是:style="cursor:pointer;"
  • 【3】HTML文件中包含其他文件的方法大全

    blogdaren 2014-12-22   1613次来访
    在PHP中,我们常常使用include命令来包含公共文件,比如说页首、页尾的部分,使用公共文件非常方便,但在HTML页面里使用include根本就不起作用。这是因为,include是PHP的命令,因此可以在PHP页面里使用。而HTML静态页面被调用的时候并不经过PHP解释器,而是直接发送到用户浏览器,因此include命令就无效了。 对于信息量较大的网站,通常我们都选择使用静态页面,...
  • 【4】关于网站推广之友情连接的交换策略

    blogdaren 2014-12-05   1471次来访
    在其它网站做链接可以带来更多访问量。自从google等主要搜索引擎将网站的链接广泛度作为排名参考的重要因素以后,越多网站链接你,你的网站排名越高。同时,链接的质量也是搜索引擎考虑的重要因素。链接在访问量高的网站比链接在访问量低的网站更有优势。 1、将网站提交到主要的检索目录。 确保你的网站登录到免费的Open Directory Project (www.dmoz.com), ...
  • 【5】【原创】HTML之form表单中的enctype="multipart/form-data"含义

    blogdaren 2014-10-27   1781次来访
    笔录下表单中enctype="multipart/form-data"的含义: 1、这是用来设置表单的MIME编码。 2、默认编码格式是application/x-www-form-urlencoded,不能用于文件上传。 3、切记只有使用了multipart/form-data,才能完整的传递文件数据,进行文件上传操作。
  • 【6】网页中如何用CSS设置微软雅黑字体?

    blogdaren 2014-09-03   2397次来访
    首先可以尝试: { font-family: 微软雅黑; } 如果不行还可以用: { font-family: "Microsoft YaHei" ! important; } 使用中最好不用中文,中文的话,英文系统就显示不了了。(前提是英文系统也有这个字体) CSS中设置的字体 考虑到兼容性,我们总会在CSS中队字体进行一些设置,这类设置往往设置在body标签上,...
  • 【7】CSS代码美化各种表单按钮

    blogdaren 2014-05-07   1537次来访
    演示效果截图 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...
  • 【8】Yahoo关于网站性能优化的N条策略

    blogdaren 2013-10-09   1350次来访
    一、 Yahoo的军规条例: 谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等; 详细的解释来这里查: 英文版:http://developer.yahoo.com/performance/rules.html 中文版:http://www.itlearner.com/article/4877 也可以直接firebug上一项项比对,如下图: 1、尽量减少HT...
  • 【9】【原创】解决html <base url="..."> 标签不起作用的问题

    blogdaren 2013-09-05   2086次来访
    问题背景: <base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对URL。这其中包括 <a>、<img>、<link>...
  • 【10】CSS + ul li 横向排列的两种方法

    blogdaren 2013-06-23   1881次来访
    HTML源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>CSS + ul li 横向排列的两种方法...
  • 【11】真正可用的CSS文字两端对齐

    blogdaren 2013-06-08   1854次来访
    问题背景: WEB项目中经常要实现文字两端对齐的效果,在网上搜索了一下,用的都是类似的技巧: text-align:justify; text-justify:inter-ideograph; 我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用,最终在StackOverflow上找到了解决方法 :) CSS样式: div.justify { ...
  • 【12】HTML + CSS短标题(二,三,四文字长度)两端对齐的方式

    blogdaren 2013-06-07   1749次来访
    问题背景: 本文分享的主要是关于一行横向排列内容,而又包含前面标题并且要求它的文字两端对齐的一种方法。如下图,网上有很多方法,但是经过我测试,基本 没有一种方法能通过所有浏览器测试。而以下这种方法则兼容了大多数主流浏览器(ie6、7、8、9,ff,chrome,safari)。   重点说明: 必须定义标题的字体,这里我们设置字体为simsun...
  • 【13】分享15款对Web设计和开发人员有用的Chrome插件

    blogdaren 2013-06-06   1061次来访
    (1)Aviary Screen Capture 屏幕截图 Aviary Screen Capture让你能够截取网页的屏幕快照。获得屏幕快照后,用Aviary.com的应用程序在浏览器内编辑那幅快照。基本的图像编辑装置让你能够标记(通过画箭头和长方形)、编辑(裁剪、旋转和调整大小)和获得精确的像素色彩。 其特性包括: 保存在桌面、在线主机、或在其它的Aviary应用程序上...
  • 【14】后台管理界面模板大全(2) - 50 个漂亮的后台管理界面模板

    blogdaren 2013-05-25   1770次来访
    后台管理虽然一般由内部人员使用的平台,更侧重于功能而非美观,但拥有一个漂亮的后台管理界面,工作起来心情更加愉悦,而且很多客户也对后台管理界面有先入为主的印象。 下面是 50 个很漂亮、专业的后台管理界面风格,不知道有没有你喜欢的,以供参考: 1. Simpla Admin – Flexible & User Friendly Admin skin ...
  • 【15】后台管理界面模板大全(2) - 50 个漂亮的后台管理界面模板

    blogdaren 2013-05-25   1194次来访
    后台管理虽然一般由内部人员使用的平台,更侧重于功能而非美观,但拥有一个漂亮的后台管理界面,工作起来心情更加愉悦,而且很多客户也对后台管理界面有先入为主的印象。 下面是 50 个很漂亮、专业的后台管理界面风格,不知道有没有你喜欢的,以供参考: 1. Simpla Admin – Flexible & User Friendly Admin skin ...