css
手艺人123
知识改变命运
展开
-
offsetLeft,Left,clientLeft详解
转载地址:http://blog.csdn.net/xiebaochun/article/details/38382169 假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。obj.offsetLeft 指 obj 相对于版面或由 off转载 2015-11-09 17:01:20 · 383 阅读 · 0 评论 -
为什么说 DOM 操作很慢
http://leozdgao.me/why-dom-slow/为什么说DOM操作很慢08 DECEMBER 2015 on JavaScript, DOM一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,转载 2015-12-15 08:41:31 · 479 阅读 · 0 评论 -
CSS 最核心的几个概念
作者:GeekPlux网址:http://www.geekplux.com/2014/04/25/several_core_concepts_of_css.html本文将讲述 CSS 中最核心的几个概念,包括:盒模型、position、float等。这些是 CSS 的基础,也是最常用的几个属性,它们之间看似独立却又相辅相成。为了掌握它们,有必要写出来探讨一下,如转载 2015-12-02 09:33:36 · 334 阅读 · 0 评论 -
什么鬼,又不知道怎么命名class了
作者:结一(@结一w3cplus)网址:http://www.w3cplus.com/css/css-class-name.html相信写css的人都会遇到下面的问题:糟糕,怎么命名这个class,好像不太贴切,要是冲突了怎么办,要不要设计成通用一点…而改别人css代码的时候则会一直有个疑问:这个class到底是只在这个地方用转载 2015-12-02 09:34:44 · 380 阅读 · 0 评论 -
CSS实现垂直居中的常用方法
http://www.cnblogs.com/yugege/p/5246652.html 在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先,定义一个需要垂直居中的div元素,他的宽度转载 2016-04-09 09:15:24 · 267 阅读 · 0 评论 -
CSS3的REM设置字体大小
http://www.w3cplus.com/css3/define-font-size-with-css3-rem在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不转载 2016-05-14 09:30:43 · 282 阅读 · 0 评论 -
手机端的各种默认样式比如 ios的按钮变灰色
1.ios按钮变灰色,给按钮加样式:-webkit-appearance: none;2.有圆角话.button{ border-radius: 0; } 3.去除Chrome等浏览器文本框默认发光边框input:focus, textarea:focus { outline: none;}4.去掉高光样式:input:focus{原创 2017-02-19 12:48:00 · 4170 阅读 · 0 评论 -
手机端页面自适应解决方案—rem布局
http://www.cnblogs.com/xiaomili/p/6343597.html如何使用?这是rem布局的核心代码,这段代码的大意是:如果页面的宽度超过了640px,那么页面中html的font-size恒为100px,否则,页面中html的font-size的大小为: 100 * (当前页面宽度 / 640) 于是,问题来了,为什么要这样?别急,我先来转载 2017-02-28 20:23:12 · 3241 阅读 · 0 评论 -
css 常用总结
设置width,height是设置内容宽高,并非实际宽高及盒子模型宽高。 <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–> 2. <!–[if IE]> 所有的IE可识别 <![endif]–> 3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![end...原创 2019-04-21 08:55:10 · 206 阅读 · 1 评论