HTML5
YourBrotherBao
这个作者很懒,什么都没留下…
展开
-
css中背景图片路径问题
在我的这个项目开发中,有时候总遇到图片无法显示的问题。 Javascript脚本文件,Css样式文件的图片路径问题总是一大难题。因为在js脚本和css文件里我不知该如何像jsp页面一样采用request.getContextPath()%>获取项目根路径。所以针对Css中图片路径问题总结如下: 1、不要给背景图片路径加引号将background:url("xxx.gif"转载 2013-05-28 13:17:46 · 1423 阅读 · 0 评论 -
absolute 绝对定位水平居中问题
position: absolute;绝对定位水平居中问题用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-ri转载 2014-03-10 22:15:55 · 1376 阅读 · 0 评论 -
两栏流动式布局
摘自:《写给大家看的CSS书》 Stylin' with CSS: A Designer's Guide,Charles Wyke-Smith,新版叫《CSS设计指南》 由于浮动的DIV不在文档流中,所以它会向右向上浮动并停留在包含元素中最高最远的位置上。而另一个非浮动的DIV现在则是包含元素文档流中的第一个元素,因此也会从包含元素的右上角位置开始排布。只是由原创 2014-01-13 14:01:02 · 813 阅读 · 0 评论 -
HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
HTML 5 的自定义 data-* 属性和jquery的data()方法的使用转自: http://www.aqee.net/html-5-data-attributes-how-to-use-them-and-why/发表在 文档手册 | 7条评论人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重转载 2013-12-18 13:49:32 · 479 阅读 · 0 评论 -
HTML5 新增标签兼容处理
转载 2013-11-14 16:24:32 · 782 阅读 · 0 评论 -
居中没有宽度的元素
(摘自CSS设计指南, 7.2CSS3实战)在一个元素内居中另一个元素有时候会很困难。对于常规、静态定位的元素,可以让它向左或向右浮动,或者使用text-align 属性让它在父元素内居左、居右或居中。还可以利用自动外边距(margin:0 auto)来居中元素。这些方法的问题在于,要居中的元素必须是有宽度的。像这里用于构成菜单的HTML 列表,它可能是根据数据库信息动态生成的转载 2013-11-13 16:31:01 · 667 阅读 · 0 评论 -
CSS背景图像位置属性background-position百分比详解
百分比值同关键字很接近,但其操作方式不一样。用百分比值来居中一幅背景图像,也很简单: body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; } 这使得背景图像的中心同其父元素中心对齐。换句话说,百分比值同时应用于元素及转载 2013-11-11 13:38:00 · 939 阅读 · 0 评论 -
jQuery的.bind()、.live()和.delegate()之间区别
摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交互应用中弹出错误。 基本要素 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(转载 2013-11-18 16:36:54 · 485 阅读 · 0 评论 -
任翔及大龙分享CSS网站
http://www.quirksmode.org/http://caniuse.com/http://browserhacks.com/http://www.zhangxinxu.com/wordpress/?p=471原创 2013-07-27 17:48:17 · 651 阅读 · 0 评论 -
Jquery图片延迟加载
当一个页面打开的图片太多,我们可以用jquery的一个延迟加载插件.名为:jquery.lazyload.min.js使用非常简单,下面我就把示例代码帖出来. $(function() { $("img").lazyload();转载 2013-08-02 08:44:18 · 553 阅读 · 0 评论 -
CSS定位与浮动总结
CSS定位与浮动总结(必须理解记住)CSS定位与浮动总结(主要是通过学习《写给大家看的CSS书》,这是本不可多得的书啊)盒模型结论1:特定尺寸的盒子(宽度已定)会随着内边距、边框、及外边距的添加扩展,进而占据更多的水平空间。事实上,通过width属性设置的是盒子内容的宽度,而不是盒子本身的宽度。盒模型结论2:无尺寸限制的元素(未设置宽度)会扩展到与它原创 2013-06-14 08:42:38 · 1018 阅读 · 0 评论 -
PHP模板中的图片相对路径
新建了下面这样的目录:image.html代码如下: TODO write content image.php代码如下<?phpinclude_once 'home/image.html';?>现在在本地打开网页文件image.html,图片正原创 2013-06-13 12:02:37 · 2308 阅读 · 0 评论 -
css和javascript中图片路径的不同(原创教程)
(转自:http://www.zcool.com.cn/article/ZMTM3NTY=.html)之前在写前端代码时,在图片路径的设置那里经常会遇到一个问题.比方说,我(1)在根目录下面新建了个"images"文夹,里面放了张图片top.gif(2)在根目录下另外新建了两个文件夹"CSS"和"JS"专门用来存放用到的.css文件和.js文件(假设我们用到的为"test.转载 2013-06-13 11:41:05 · 707 阅读 · 0 评论 -
CSS、JS中的相对路径引用
初学者由于对一些比较基本的知识的把握不是很牢,所以在开发或者设计的时候,往往很容易出现一些错误或者异常现象而找不到出错的根源。记得自己刚刚java入门的时候,会出现一些很“离奇”的现象,然后一遍一遍查看自己的代码,一步一步的进行调试(当然那个时候的调试方式也只是从初学这的角度上而言的,大多是比较粗略的手段),还是发现不了哪里出了问题,这直接打击学习的积极性。甚至有时候,照着书本或者教学视频敲的实例转载 2013-06-13 11:18:12 · 759 阅读 · 0 评论 -
html中文占位符
转载 2016-06-29 15:15:01 · 851 阅读 · 0 评论