摘要: 在web开发过程中,有些情况下给内层div设置的margin却被莫名奇妙的转移给了外层div。百度之后,发现它竟然是css2.1中盒模型中规定的内容: In this specification, the expression collapsing margins means that adjoin 阅读全文
posted @ 2016-04-27 16:28 SophiaLiu 阅读(655) 评论(0) 推荐(0) 编辑
摘要: 1.实现在一个页面内,点击导航栏的不同链接,跳转到不同的页面 <html><body><h1>HTML 教程目录</h1><ul><li><a href="#C1">第一章</a></li><li><a href="#C2">第二章</a></li><li><a href="#C3">第三章</a> 阅读全文
posted @ 2016-04-12 16:19 SophiaLiu 阅读(4316) 评论(0) 推荐(0) 编辑
摘要: 获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative。 •$(function(){ •//获取要定位元素距离浏览器顶部的距离 •var navH = $(".nav").offset().top; 阅读全文
posted @ 2016-04-12 16:15 SophiaLiu 阅读(1140) 评论(0) 推荐(0) 编辑
摘要: 在这里给大家分享一个很简单的用苹果手机无需越狱就可以查看网页源代码的方法,不过这个方法只用于苹果手机自带的Safari浏览器 随便添加一个safari 书签 (用于一会改为查看源码功能书签)进入书签 点击编辑 后选择第一步好的书签。更改书签 标题 随意(我改成查看源代码简单明了- -),下面网址改成 阅读全文
posted @ 2016-04-11 15:51 SophiaLiu 阅读(18508) 评论(0) 推荐(0) 编辑
摘要: 实例 带有可点击区域的图像映射: 注释:img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。 阅读全文
posted @ 2016-04-08 13:34 SophiaLiu 阅读(547) 评论(0) 推荐(0) 编辑
摘要: 虽然我们可以通过图片,flash、SIFR等技术来实现网页使用特殊字体,有利于SEO网页中嵌入特殊字体方法,@font-face属性。 通常网页上不能使用一些特殊字体,否则浏览者可能无法正确浏览到,虽然我们可以通过图片,flash、SIFR等技术来实现网页使用特殊字体, 但是这都有个严重的缺点:不利 阅读全文
posted @ 2016-04-06 14:09 SophiaLiu 阅读(2685) 评论(0) 推荐(0) 编辑
摘要: HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中 阅读全文
posted @ 2016-03-25 11:30 SophiaLiu 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 1. 带有链接的图片,在ie浏览器下,会自带边框,解决方法: 加个 img{border:0px;} 2.圆角问题(border-radius) 如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要 阅读全文
posted @ 2016-03-21 15:24 SophiaLiu 阅读(542) 评论(0) 推荐(0) 编辑
摘要: 实现原理:变化前的图标和变化后的图标在一张图片上,用这张图片作为背景,通过定义背景的位置来实现显示哪个图标,其中还带着滑动的动画效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti 阅读全文
posted @ 2016-03-11 15:31 SophiaLiu 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 像这种格式的网页,可以用dl来实现,比较方便 阅读全文
posted @ 2016-03-11 13:32 SophiaLiu 阅读(160) 评论(0) 推荐(0) 编辑