- 博客(9)
- 资源 (3)
- 收藏
- 关注
转载 CSS3实现整屏切换效果
总是能看见很多广告或者网站都是使用整屏滚动的效果,一直看着都心痒痒,想自己也实现一个。最近刚学习到css3的动画效果,所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似,如图 每个section就是一页内容,它的大小充满了屏幕(红色区域),一个container由多个section构成,我们通过改变container的位置,来达到页面切
2016-07-31 10:39:55 7699 1
原创 html css零散知识总结
1. 优先级问题#hot-keyworda,span{color:#999;margin-right:6px; }#hot-keyword.hot-words{color:#c00;}要想改变a链接中部分文字颜色,直接设置他的选择器.hot-words不行,因为上面的ID选择器优先级比下面的class选择器高,需要#hot-keyword .hot
2016-07-26 17:55:04 352
转载 JQuery在hover(in)状态下添加click事件的多次触发现象
[html] view plain copy> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>event多次触发title> style
2016-07-19 14:33:15 2156 1
原创 a嵌套img标签的问题:<img>元素底部为何有空白?
元素底部为何有空白?现代浏览器中,元素默认情况下底部会有空白,那么这个空白到底是从哪里来的?1、首先,标签是inline的,框模型是:行内框。行内框没有包含图片的表现,的标签就好像放在一条公路上一样。所以要使img能像放进一个盒子一样,就应该使用块级框:比如:display:block;/*或者*/display:inline-block;关
2016-07-15 21:47:11 5253
转载 CSS样式覆盖规则
大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。样式覆盖(这种叫法更大众化些)遵循一定的规则,之前我对这个规则一直似懂非懂的,直到这几天看了”CSS: The Missing Manual”,才豁然开朗。下面是我的一些学习笔记
2016-07-11 21:54:34 592
原创 重设浏览器默认样式
一:html{background: #FFF;color: #000;}body{font: 12px/1.5 Arial,宋体;}*{margin: 0;padding: 0;}a{text-decoration: none;color: #333;}a:hover{text-decoration: underline;c
2016-07-07 09:04:54 1325
原创 瀑布流效果
原理:先固定一行有多少列,一列的宽度固定,然后后面的向上一行中高度最短的那列插入,直到所有的数据插入完无标题文档body {margin: 0;}#ul1 {width: 1080px; margin: 100px auto 0;}li { width: 247px; list-style: none; float: left; margin-right
2016-07-05 11:15:39 716
原创 JSONP实例
JSONP实例1:百度搜索下拉提示 百度搜索接口 注意cb为调用函数的名字(可以通过百度搜索中审查元素-network中查看)'http://suggestion.baidu.com/su?wd='+this.value+'&cb=maiov 无标题文档#q {width: 300px;height: 30px; padding: 5px; borde
2016-07-04 20:35:56 414
原创 JSONP
l 跨域的问题• 域:域名• 跨域请求(访问):一个域名下的文件请求另外一个域名下的资源,就产生了跨域l 跨域的解决• Jsonp : json with padding window.onload = function() { //ajax跨域请求限制
2016-07-03 21:58:05 235
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人