HTML/CSS

苏州实时公交查询

textarea设置scrollbar光标类型

admin阅读(982)赞(1)

textarea如果不作任何设置。 textarea内容部分的cursor默认是“Ⅰ”这样的,并且出现滚动条时,滚动条的-webkit-scrollbar-thumb也是“Ⅰ” 如果想要修改滚动条部分为箭头,添加以下样式即可 textare...

利用CSS3 函数calc()计算高度-Web前端(W3Cways.com) - Web前端学习之路

利用CSS3 函数calc()计算高度

admin阅读(26234)赞(3)

语法: calc() = calc(四则运算) 说明: 用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% – 10px); 任何长度值都可以使用calc()函数进行计算; ...

H5页面通用头部配置

fishCat阅读(4584)赞(1)

见到很多人写H5页面都不设置头部,不忍直视,于是整理一篇文章,不定期更新,为了让自己显得专业一点,也为了方便自己复制粘贴 一般来说必须设置项 <!-- meta信息,可维护 --> <meta name="apple-mo...

表格边框你知多少(转)-Web前端(W3Cways.com) - Web前端学习之路

表格边框你知多少(转)

admin阅读(2200)赞(0)

table之间的边框存在共用问题,自然而然就存在冲突。既然存在冲突,那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时,如何让浏览器按照自己意愿渲染冲突边框。在这篇文章中都有介绍,以及对表格的边框渲染原理进行了深度的剖析 ...

如何在背景图片上应用CSS3变形-Web前端(W3Cways.com) - Web前端学习之路

如何在背景图片上应用CSS3变形

admin阅读(3683)赞(1)

利用CSS3的 transform属性可以对元素进行缩放,倾斜和旋转。在任何现代浏览器上都可以实现。如果你需要支持Blackberry浏览器和Android的UC浏览器的话,则需要加-webkit-前缀,例如: [css]#myelemen...

ES6 你可能不知道的事 – 基础篇(转)

admin阅读(3323)赞(0)

序 ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生。 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 正确使用 ES6,提供一些指导。 对于...

CSS3实现0.5像素边框

admin阅读(9708)赞(1)

实现方法 1.设置目标元素作为定位参照 [css].border { position: relative; } [/css] 2.给目标元素添加一个伪元素before或者after,并设置绝对定位 [css].border:before ...

CSS3滤镜(Filter)效果集合-Web前端(W3Cways.com) - Web前端学习之路

CSS3滤镜(Filter)效果集合

admin阅读(12552)赞(3)

滤镜起初是SVG规范的一部分。然而,当滤镜效果越来越明显时,W3C开始为CSS增加一些常用的滤镜效果。CSS过滤器是非常强大的,并且非常容易使用。可以来为图像或者其他添加模糊、灰度、亮度等效果。它们可以单独使用,也可以与其他滤镜组合使用,并...