• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
孤岚
每天都是一年中最美好的日子!
博客园    首页    新随笔    联系   管理    订阅  订阅
1 2 3 4 下一页
2016年9月19日
js事件监听/鼠标滚轮/行为/冒泡/键盘的兼容性写法
摘要: addEvent:function(el,type,fn,capture) { if (window.addEventListener) { if (type === "mousewheel" && document.mozHidden !== undefined) { type = "DOMMouseScroll"; } ... 阅读全文
posted @ 2016-09-19 14:01 gulan123 阅读(530) 评论(0) 推荐(0)
详解clientHeight、offsetHeight、scrollHeight
摘要: 关于clientHeight、offsetHeight、scrollHeight window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度 阅读全文
posted @ 2016-09-19 10:25 gulan123 阅读(335) 评论(0) 推荐(0)
2016年9月7日
Css背景渐变
摘要: 语法:background:linear-gradient( 渐变方向,起点颜色,终点颜色 )参数说明:渐变方向:可以使用top,left,或者指定具体的角度(deg为单位),比如top是自上而下渐变,left是自左向右渐变。同时也可将两者结合起来,比如top left表示自左上方向右下方渐变。起点 阅读全文
posted @ 2016-09-07 16:00 gulan123 阅读(318) 评论(0) 推荐(0)
CSS生成内容
摘要: 在Web中插入内容,在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”,“:after”和CSS3的伪元素“::before”、“::after”来实现,其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img 阅读全文
posted @ 2016-09-07 15:38 gulan123 阅读(172) 评论(0) 推荐(0)
CSS3外轮廓属性
摘要: 外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了,主要是用来在元素周围绘制一条轮廓线,可以起 阅读全文
posted @ 2016-09-07 15:36 gulan123 阅读(401) 评论(0) 推荐(0)
自由缩放属性resize
摘要: 为了增强用户体验,CSS3增加了很多新的属性,其中resize就是一个重要的属性,它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止,可以使用overflow属性的任何容器元素。 在此之前,Web设计师为了要实现这样具有拖动效果的UI,使用大量的脚本代码才能实现,这样费时费力,效率 阅读全文
posted @ 2016-09-07 15:34 gulan123 阅读(187) 评论(0) 推荐(0)
Responsive设计——不同设备的分辨率设置
摘要: 下面我们一起来看看CSS3 Meida Queries在标准设备上的运用,大家可以把这些样式加到你的样式文件中,或者单独创建一个名为“responsive.css”文件,并在相应的条件中写上你的样式,让他适合你的设计需求: 1.1024px显屏 @media screen and (max-widt 阅读全文
posted @ 2016-09-07 15:24 gulan123 阅读(286) 评论(0) 推荐(0)
Media Queries使用方法
摘要: 1. 最大宽度max-width “max-width”是媒体特性中最常用的一个特性,其意思是指媒体类型小于或等于指定的宽度时,样式生效。如: 上面表示的是:当屏幕小于或等于480px时,页面中的广告区块(.ads)都将被隐藏。 2.最小宽度min-width “min-width”与“max-wi 阅读全文
posted @ 2016-09-07 14:43 gulan123 阅读(222) 评论(0) 推荐(0)
2016年9月5日
跨列设置column-span
摘要: column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列,不管里面元素如何排放顺序,他们都是从左向右的放置内容,但有时我们需要基中一段内容或一个标题不进行分列,也就是横跨所有列,此时column-span就可以轻松 阅读全文
posted @ 2016-09-05 17:53 gulan123 阅读(419) 评论(0) 推荐(0)
列表边框column-rule
摘要: column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。 语法规则: column-rule:<column-rule-width>|<co 阅读全文
posted @ 2016-09-05 16:16 gulan123 阅读(245) 评论(0) 推荐(0)
1 2 3 4 下一页
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3