使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式详解

使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance...

CSS常用的属性命名详解

页头:header   如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar   &...

渲染机制详解

1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色 值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低...

CSS渲染速度改善的十个方法与建议详解

由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险 一、*{} #zishu *{} 尽量避开  由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可...

CSS3 圆形时钟式网页进度条详解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...

深入理解CSS中的层叠上下文和层叠顺序详解

零、世间的道理都是想通的 在这个世界上,凡事都有个先后顺序,凡物都有个论资排辈。比方说食堂排队打饭,对吧,讲求先到先得,总不可能一拥而上。再比如说话语权,老婆的话永远是对的,领导的话永远是对的。 在CSS届,也是如此。只是,一般情况下,...

前端开发者应该知道的 CSS 小技巧详解

一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻...

CSS3 伪类选择器 :nth-child()详解

:nth-child()可以选择某个的一个或多个特定的子元素,你可以按这种方式进行选择: :nth-child(length);/*参数是具体数字*/ :nth-child(n);/*参数是n,n从0开始计算*/ :n...

CSS 三角形绘制方法详解

#triangle-up {    width: 0;    height: 0;    border-left: 50...

rem是如何实现自适应中的?详解

使用rem 然后根据媒体查询实现自适应。跟使用JS来自适应也是同个道理,不过是js更精确一点。使用媒体查询: html { font-size: 62.5% } @media only screen and (min-width...