前面的话:对只有一种浏览器支持的属性,就不要出来秀咱前端同学,就像是早些年手机们的充电口一样,集各家所长,咱今天说的是webkit的滚动条样式,视乎只有webkit支持此项定义,有见识的前辈来辩.这玩意儿也就可以玩玩,涨涨见识,跑跑PC版的谷歌,UC...亲测,在移动端完全不支持 这是一个简短的小短文:  属性写哪,用的是伪类,直接写在css文件中,带上::双引号 ------<!--正文-->------ 主要有以下属性,一眼望到头 ::-webkit-scrollbar-track { b…

入驻博客园两个月之后的第一篇随笔,希望能够做到三个原则: One:不浪费自己的时间, Tow:不浪费读者的时间, 第三就是希望有缘的朋友们多多指教,共度前端快乐的大坑!!! 咱们今天来做一个居家旅行必备的小tips,展现前端老前辈的智慧,积淀的文化... 先来一个小口诀[呆会会用到的,不用着急记住它哦] 四方小三角(上,下,左,右) 尖角反方线,给颜色  /*设置边线*/ 两边夹角线成透明  /*设置边线*/ 参数都相同  /*线的参数都一样*/ 给予三条边  /*有三条边哦*/ 八方小三角(左…

-------------jQuery滚动条插件------------- http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html http://www.jsfoot.com/shouye/ue-design/ http://blog.sina.com.cn/s/blog_4abb9bba0101bgu7.html -------------webkit内核滚动条------------- webkit现在支持拥有overflow属性的区…

webkit内核浏览器DIV滚动条样式修改和设置 引言: 最近在做自己的小项目,为了设计出好看的页面费劲了心思,大到页面的整体布局,小到DIV的滚动条都不放过,以下是我通过查阅资料总结的webkit内核浏览器滚动条样式的修改方法. 原理: webkit浏览器css设置滚动条主要有下面7个属性 1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 2. ::-webkit-scrollbar-button 滚动条两端的按钮 3. ::-webkit-scrollbar-t…

webkit现在支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式. 如果你想跳过介绍,直接看demo的话,请点击demo 滚动条是一个伪元素,可以自定义样式.这个伪类可以将webkit自身的滚动条渲染关闭,只按照用户自定义的css信息进行渲染.比如: ::-webkit-scrollbar { width: 13px; height: 13px; } width和height属性分别表示纵向滚动条的宽度和横向滚动条的高.也可以指定为%百分比,在在这种情况下…

-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片 :-webkit-full-screen canvas {} 全屏模式时的样式(for Desktop) div p :matches(em, b, strong) {} 使…

在您开始建立自己的,感觉应该先录一个概念:内核的浏览器. 兼容性问题之前多次提及,而在平时经常会遇到兼容性问题.原因,就在于它:浏览器内核.这是比較通俗的说法,事实上应该把它描写叙述的专业点:Rendering Engine解释引擎.它负责网页语法进行解释,并对其内容和格式进行渲染(就是显示,用个词就感觉专业好多),而不同浏览器内核对网页语法的解释是不同的,就造成了所谓的"兼容问题". 这里不多谈兼容的问题.但明确其原因.知晓其解决的一些办法就好了,而解决的最好办法就是,针对不同的内核…

今天看到一个站点的滚动条样式特别漂亮,顺便上网搜了一些相关资料,分享给大家: PS:兼容所有浏览器的滚动条样式目前是不存在的. IE下的滚动条样式 IE是最早提供滚动条的样式支持,好多年了,但是其它浏览器一直没有支持,IE独孤求败了. 这些样式规则很简单: scrollbar-arrow-color: color; /*三角箭头的颜色*/ scrollbar-face-color: color; /*立体滚动条的颜色(包括箭头部分的背景色)*/ scrollbar-3dlight-color:…

HTML, 从HTML文档的开始到结束排列: <meta name="viewport" content="width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 <meta name="format-detection" content="telephone=no"]]> 禁用手机号码链接(for iPhone)…

题目: [题目描述] 跳跳虎在外面出去玩忘了时间,现在他需要在最短的时间内赶回家. 跳跳虎所在的世界可以抽象成一个含有 n 个点的图(点编号从 1 到 n ),跳跳虎现在在 1 号点,跳跳虎的家在 n 号点. 图上一共有 m 条单向边,通过每条边有固定的时间花费. 同时,还存在若干个单向传送通道,传送通道也有其时间花费. 传送通道一般来说比普通的道路更快,但是跳跳虎最多只能使用 k 次. 跳跳虎想知道他回到家的最小时间消耗是多少. [输入格式] 第一行输入 4 个整数 n,m,q,k .( n…