首页 HTML/CSS

  • 【1】【原创】DIV之LI标签如何禁用点击事件

    blogdaren 2020-05-29   231次来访
    为了方便定义个class: .forbiddenPointerEvent{ pointer-events: none; } 禁用点击事件： $('div li').addClass('forbiddenPointerEvent'); 恢复点击事件： $('div li').removeClass('forbiddenPointerEvent');

  • 【2】【原创】如何解决移动端或手机端页面可以左右拖动的问题？

    blogdaren 2020-04-15   325次来访
    问题背景： 做好的网页在PC端一切正常，但是在移动端或手机端页面可以左右拖动，然后显示一片空白区域。 解决方案： 只需在CSS中加入如下一段代码即可： html,body{ overflow-x:hidden; }

  • 【3】【原创】div层内容溢出后如何保证滚动条实时自动同步滚动到最底部？

    blogdaren 2018-10-29   1305次来访
    问题背景： 固定宽度和高度的div层，当div里的内容在超出固定的高度之后，即产生了溢出，如何保证滚动条实时自动同步滚动到最底部？ 解决方案： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Dem...

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

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

  • 【5】HTML文件中包含其他文件的方法大全

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

  • 【6】关于网站推广之友情连接的交换策略

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

  • 【7】【原创】HTML之form表单中的enctype="multipart/form-data"含义

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

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

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

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

    blogdaren 2014-05-07   1934次来访
    演示效果截图 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...

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

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

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

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

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

    blogdaren 2013-06-23   2141次来访
    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 横向排列的两种方法...

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

    blogdaren 2013-06-08   2094次来访
    问题背景： WEB项目中经常要实现文字两端对齐的效果，在网上搜索了一下，用的都是类似的技巧： text-align:justify; text-justify:inter-ideograph; 我遇到问题是：看不到效果，无论是英文还是中文，在IE和chrome下都不起作用，最终在StackOverflow上找到了解决方法 ：） CSS样式： div.justify { ...

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

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

  • 【15】分享15款对Web设计和开发人员有用的Chrome插件

    blogdaren 2013-06-06   1264次来访
    （1）Aviary Screen Capture 屏幕截图 Aviary Screen Capture让你能够截取网页的屏幕快照。获得屏幕快照后，用Aviary.com的应用程序在浏览器内编辑那幅快照。基本的图像编辑装置让你能够标记（通过画箭头和长方形）、编辑（裁剪、旋转和调整大小）和获得精确的像素色彩。 其特性包括： 保存在桌面、在线主机、或在其它的Aviary应用程序上...
© 2013 - 2020 金牛座 ● 爬山虎 All Rights Reserved
爬山虎有问必答群

爬山虎有问必答群