会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Sophia Liu's Blog
一生至少该有一次,为了某个人而忘了自己,不求有结果,不求同行,不求曾经拥有,甚至不求你爱我,只求在我最美的年华里,遇到你。
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
下一页
2016年4月27日
div嵌套内层div的margin-top转移给外层div的解决办法
摘要: 在web开发过程中,有些情况下给内层div设置的margin却被莫名奇妙的转移给了外层div。百度之后,发现它竟然是css2.1中盒模型中规定的内容: In this specification, the expression collapsing margins means that adjoin
阅读全文
posted @ 2016-04-27 16:28 SophiaLiu
阅读(677)
评论(0)
推荐(0)
2016年4月12日
实现在一个页面内,点击导航栏的不同链接,跳转到不同的页面
摘要: 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
阅读(4589)
评论(0)
推荐(0)
当导航栏滚动到浏览器顶部时,固定导航栏
摘要: 获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative。 •$(function(){ •//获取要定位元素距离浏览器顶部的距离 •var navH = $(".nav").offset().top;
阅读全文
posted @ 2016-04-12 16:15 SophiaLiu
阅读(1202)
评论(0)
推荐(0)
2016年4月11日
如何在ios手机端的Safari浏览器 中“查看网页源代码”
摘要: 在这里给大家分享一个很简单的用苹果手机无需越狱就可以查看网页源代码的方法,不过这个方法只用于苹果手机自带的Safari浏览器 随便添加一个safari 书签 (用于一会改为查看源码功能书签)进入书签 点击编辑 后选择第一步好的书签。更改书签 标题 随意(我改成查看源代码简单明了- -),下面网址改成
阅读全文
posted @ 2016-04-11 15:51 SophiaLiu
阅读(18924)
评论(0)
推荐(0)
2016年4月8日
带有可点击区域的图像映射:HTML <map> 标签
摘要: 实例 带有可点击区域的图像映射: 注释:img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。
阅读全文
posted @ 2016-04-08 13:34 SophiaLiu
阅读(582)
评论(0)
推荐(0)
2016年4月6日
网页中如何使用一些特殊字体
摘要: 虽然我们可以通过图片,flash、SIFR等技术来实现网页使用特殊字体,有利于SEO网页中嵌入特殊字体方法,@font-face属性。 通常网页上不能使用一些特殊字体,否则浏览者可能无法正确浏览到,虽然我们可以通过图片,flash、SIFR等技术来实现网页使用特殊字体, 但是这都有个严重的缺点:不利
阅读全文
posted @ 2016-04-06 14:09 SophiaLiu
阅读(2743)
评论(0)
推荐(0)
2016年3月25日
scrollLeft,scrollWidth,clientWidth,offsetWidth 可实现导航栏固定不动(冻结)的效果
摘要: HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中
阅读全文
posted @ 2016-03-25 11:30 SophiaLiu
阅读(329)
评论(0)
推荐(0)
2016年3月21日
开发过程中遇到的浏览器兼容的问题总结
摘要: 1. 带有链接的图片,在ie浏览器下,会自带边框,解决方法: 加个 img{border:0px;} 2.圆角问题(border-radius) 如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要
阅读全文
posted @ 2016-03-21 15:24 SophiaLiu
阅读(563)
评论(0)
推荐(0)
2016年3月11日
微信、微博、qq图标服务实现
摘要: 实现原理:变化前的图标和变化后的图标在一张图片上,用这张图片作为背景,通过定义背景的位置来实现显示哪个图标,其中还带着滑动的动画效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti
阅读全文
posted @ 2016-03-11 15:31 SophiaLiu
阅读(220)
评论(0)
推荐(0)
dl dd dt与ul li
摘要: 像这种格式的网页,可以用dl来实现,比较方便
阅读全文
posted @ 2016-03-11 13:32 SophiaLiu
阅读(167)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
下一页
公告