Css样式

CSS是指层叠样式表 (Cascading Style Sheets),CSS样式可以对网页对象的位置排版和布局,支持文本,背景,外观等各种属性的设置,并能够进行初步交互设计,是真正做到网页表现与内容分离的一种样式设计语言。CSS样式主要包括一些常用的CSS样式,CSS技巧和CSS教程。

CSS选择器的优先级

分类:WEB前端 时间:

在PHP程序员雷雪松的博客前面的文章已经详细的介绍了CSS选择器CSS常用的属性和值。下面再讲解一下CSS选择器的优先级。什么叫CSS选择器优先级呢?简单的讲就是浏览器通过CSS选择器组成的匹配规则判断定义的多条CSS指令优先级,决定最忠元素显示的属性值。那下面就具体的看看关于CSS选择器优先级的规则。
阅读全部 »

史上最全的浏览器兼容性问题和解决方案

分类:WEB前端 时间:

浏览器兼容性问题是指因为不同的浏览器对同一段CSS代码解析不同导致页面显示效果不统一的情况。一般情况下,我们希望用户无论使用什么浏览器来查看网页效果都应该是一样的。浏览器的兼容性问题是Web前端开发人员经常会碰到的和必须要解决的问题。下面PHP程序员雷雪松整理出来了史上最全的浏览器兼容性问题和解决方案。
阅读全部 »

Web前端开发工程师课程大纲

分类:WEB前端 时间:

PHP程序员雷雪松整理出来的一套独一无二的Web前端开发课程。本套Web前端开发课程专门为想励志成为优秀web前端工程师的学习者而总结归纳的,本套Web前端课程舍弃了一些不常用的即将废弃的HTML标签,不适用的前端知识点,重点讲解一些常用的Web前端技巧。不管你对Web前端有基础还是没有基础,只要努力掌握课程中的知识点都可以成为一名优秀的Web前端工程师。
阅读全部 »

HTML基础之常用的语义化命名

分类:WEB前端 时间:

WEB前端开发过程中,给文件命名、class和id命名可能是大部分程序员遇到的难题。如何让命名更加清晰容易区分又带有语义化,可能并不简单。合理的文件命名、class和id命名可以使你的代码看起来更加高大上,而且后期也一目了然,方便维护。下面PHP程序员雷雪松带看看我们WEB开发过程中总结的一些HTML常用的语义化命名。
阅读全部 »

WebAPP框架之百度GMU

分类:WEB前端 时间:

GMU是百度基于zepto开发的轻量级mobile UI组件库,符合jquery ui使用规范,提供webapp、pad端简单易用的UI组件。为了减小代码量,提高性能,组件再插件化,兼容iOS3+ / android2.1+,支持国内主流移动端浏览器,如safari, chrome, UC, qq等。
阅读全部 »

轻量级、响应式的纯CSS框架-Pure.css

分类:WEB前端 时间:

雅虎推出了一个纯CSS的轻量级、响应式框架-Pure.css。pure.css非常小的,使用gzip文件大小:4.5 kb大小。Pure.css只提供很简单的样式,Pure.css是纯粹为每个网站或web应用程序而开发的,Pure.css是响应式的,能适应各种屏幕大小的设备。
阅读全部 »

CSS基础教程之常用属性

分类:WEB前端 时间:

CSS在Web前端开发中,占有很重要的地位。CSS可以很好的解决内容和变现分离的问题,极大方便后期的维护。CSS样式引入的方式主要有外部样式表、内部样式表、内联样式三种。下面PHP程序员雷雪松详细的介绍在web开发中css常用的属性。
阅读全部 »

CSS基础教程之选择器

分类:WEB前端 时间:

CSS中,选择器用于选择需要添加样式的元素,简单的讲,就是确定你要把样式给那个元素。在我们写web前端的时候,选择器的使用是非常频繁的,合理的使用选择器会精简大量的代码。PHP程序员雷雪松总结了下,CSS选择器大致的归类为基础选择器和符合选择器两类。
阅读全部 »

heX使用web开发桌面应用

分类:WEB前端 时间:

heX项目由有道团队发起,使用 HTML5Node.js构建桌面应用解决方案。heX跟node-webkit 基本是差不多的,提供了一种全新的构建桌面应用的方式,可以使用web技术快速构建跨平台的桌面应用。heX 基于CEF并且融合了 Chromium 与 Node.js,所以我们可以在 web页面中使用各种Node.js原生模块及第三方扩展,同时在这些模块及扩展中还可以访问到HTML中的DOM元素。
阅读全部 »

CSS3动画库animate.css介绍和使用

分类:WEB前端 时间:

animate.css是一个来自国外的 CSS3 动画库,它预设了引起弹跳(bounce)、摇摆(swing)、颤抖(wobble)、抖动(shake)、闪烁(flash)、翻转(flip)、旋转(rotate)、淡入淡出(fade)、滑动(Sliding)、光速(lightspeed)、缩放变焦(Zoom)、翻滚(roll)等多达 70 多种动画效果,借助 animate.css 能够很方便、快速的制作 常见的动画效果。当然animate.css只兼容支持 CSS3 animate 属性的浏览器,他们分别是:IE10+、Firefox、Chrome、Opera、Safari。
阅读全部 »