JavaScript获取DOM节点HTML元素CSS样式
如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值？使用过 JQuery 的童鞋一定都非常的熟悉，Jquery 提供了非常强大的 CSS 方法，可以很方便的设置和获取元素的 style 属性。 某些情况下，我们不能使用 JQuery 时，就必须使用纯 JavaScript 获取元素的 style 属性值。本文将介绍使用纯 JavaScript 获取元素的的样式值...
CSS3中导入外部CSS文件@import的用法
在网页开发中载入 CSS 文件，比较常见的都是使用 <link> 标签，偶尔也会发现有些网站的做法是在载入的 CSS 文件中再使用 @import 载入其他的 CSS 文件。大家有没有想过，这样做有什么意义呢？本文主要目的倒不是为了解释 @import 的用法，因为 CSS 中类似 @ 这样的方法特别多，讲起来也是讲不完的。当我看到这个做法之后，我表示不能理解，我觉得这样的做法是很不明智的，正是因为这个...
HTML渲染效果与CSS代码前后位置的关系
CSS 中某些样式的位置会使得 HTML 的渲染产生不同的效果的，特别是位置前后的不同或者载入顺序的不同。本篇文章讨论的是 CSS 在 HTML 上下文的位置问题，并不讨论 CSS 有多少种写法。这里的 CSS 主要是指 CSS 都是放在 <style> 标签中的情况，一般的网站也很少直接写 style 属性的。最近碰到的一个小小的不同的网页渲染效果，是我以前没有太注意的。HTML 中 <a> 标签是有...
一颗巨星的陨落 CodeWeBlog
extjs,J2EE,Maven,java基础,即时通信,病毒查杀,所有分类,移动互联网,Flex,ASP基础,Web前端,SHELL,ruby专题,mssql2005,Scala,网络冲浪,Git,CSS,漏洞研究,MongoDB,其他,数据库其它,业界,前端,sql,Redis,注册表,工作,Java技术,算法,js面向对象,技术文章,CSS/HTML,经典网摘,网页编辑器,VC++,前端开发,Ja...
前端开发之CSS兼容写法经验总结
过很多项目，但是由于种种原因，没有养成总结的习惯，以至于很多东西懂了又忘记，忘记了又知道了。最近的一段时间，我在写LMLPHP框架同时完成官网和博客等其他项目的开发，才发现总结的重要性。下面将例举一些CSS书写需要注意的一些问题，这些问题都是本人在做浏览器兼容的时候发现的，非常重要。对于前端工程师们来说，也许值得一看，欢迎有志之士留言交流。前端CSS之图片边框一个人只有从头至尾完成整个WEB项目时，且在...
基于JavaScript在线头像图片编辑前端后台实现
优化，有点乱，下面公布前端实现和服务端处理图片部分代码。 前端实现方式如下： <link rel="stylesheet" href=".../jcrop/tapmodo-Jcrop-1902fbc/css/jquery.Jcrop.css"> <script src=".../jcrop/tapmodo-Jcrop-1902fbc/js/jquery.min.js"></script> <script...
使用 CSS 3 transition 实现动画效果
使用 CSS3 的新特性 transition 可以很方便的实现像 JQuery 的 animate 方法一样的动画效果，但是有点遗憾的是，transition 只支持一个属性，重复定义后面的属性会覆盖前面的属性。 transition 有四个参数，分别是 transition-property（规定设置过渡效果的 CSS 属性的名称），transition-duration（规定完成过渡效果需要多少...
CSS3实现加载中旋转动画示例
CSS3 的动画强大之处，也许很多人还不一定清楚。彻底颠覆了大量的 JS 库的实现方式，也许 JQuery 的 animate 早就该淘汰了，也许以后所有的动画都不会使用 JavaScript 来实现了，这是个大趋势，CSS3 实现的动画更加流畅，更加细腻真实。本文摘录一个 CSS3 实现的渐变旋转加载中效果，开发过安卓的人都知道，安卓实现动画效果还是很繁琐的，使用 Js+dom 实现动画更加是复杂且不...
前端技术之DIV或SPAN+CSS实现箭头效果
，并不在于技术本身。更深一步的说，技术的更高层次就是艺术。所以，有时候我特别的想用一些通俗的语言来表达它。而前端，更能体现这种艺术。关于在网页实现箭头效果，很多网站直接使用图片，其实这是不理智的。能用CSS技巧实现的效果，不到万不得已不要使用图片。我们在做网站的时候，最重要的指标就是速度，不能让用户等待，不能让用户看着浏览器在转圈圈。下面将详细描述如何使用SPAN标签实现箭头效果。我们都知道，HTML标...
class 连写提升 CSS 样式优先级
本文介绍一些前端技巧，前端高手可以绕道。平时在写 CSS 的时候，经常的会用到 @media screen 功能，用来兼容不同设备。在实际测试中发现，@media screen 样式必须放在被覆盖的样式后面，否则这个样式是不会生效的。当今很流行的网页布局，左边菜单区，位置固定，主体内容区域除去菜单区域宽度后居中展示；如果屏幕比较小，对主体内容样式做一些修改，比如与左边菜单区的距离等。如下代码示例：.si...