面向对象的 CSS VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程介绍面向对象的编程特性。以及如何利用面向对象的特性解决我们开发 CSS 随意堆积的问题和更好利用父类进行样式的重写和复用。

    1.面向对象的 CSS 课程概要 00:00:43

    本课时主要介绍一下面向对象的 CSS 课程概要。

    2.OO CSS 的概念解读 00:05:00

    本课时介绍一下面向对象的概念(面向对象(Object Oriented,OO)是软件开发方法。面向对象的概念和应用已超越了程序设计和软件开发,扩展到很多领域。)以及如何在 CSS 中去实现面向对象的特性。

    3.OO CSS 的作用和注意事项 00:11:44

    本课时介绍 OO CSS 的作用和注意事项,如果我们使用使用了面向对象的 CSS 我们可以减少 CSS 的体积、提升渲染效率、方便维护、减少选择器、方便扩展。

    4.OO CSS 的代码实战 00:11:17

    本课时介绍 OO CSS 的代码实战,包括OOCSS的官网的概念以及 Reset CSS 以及 Normalize.css、Neat.css 在面向对象中的使用。最后介绍一下如何自己设计出这样 OO 的 CSS.
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

面向对象的 CSS

4课时,29分钟2015-04-28
Ijason_zj
Ijason_zj

极客学院金牌布道师

课程背景:
众多开发者忽视了 CSS 的表现(认为他太过简单,是一种机械的工作),而把更多关注在 Javascript 的性能上或者其他方面。
OO CSS 将页面可重用元素抽象成一个类,用 Class 加以描述,而与其对应的 HTML 即可看成是此类的一个实例。


核心内容:
1.OO CSS 的概念解读
2.OO CSS 的作用和注意事项
3.OO CSS 代码实战


软件环境:Mac SublimeText


是否提供资料:


课程等级:中级


适合人群:
有一定基础 CSS 开发的同学

  • 技术问答
  • 1

    面向对象的 CSS 课程概要

    00:43

    本课时主要介绍一下面向对象的 CSS 课程概要。

  • 2

    OO CSS 的概念解读

    05:00

    本课时介绍一下面向对象的概念(面向对象(Object Oriented,OO)是软件开发方法。面向对象的概念和应用已超越了程序设计和软件开发,扩展到很多领域。)以及如何在 CSS 中去实现面向对象的特性。

  • 3

    OO CSS 的作用和注意事项

    11:44

    本课时介绍 OO CSS 的作用和注意事项,如果我们使用使用了面向对象的 CSS 我们可以减少 CSS 的体积、提升渲染效率、方便维护、减少选择器、方便扩展。

  • 4

    OO CSS 的代码实战

    11:17

    本课时介绍 OO CSS 的代码实战,包括OOCSS的官网的概念以及 Reset CSS 以及 Normalize.css、Neat.css 在面向对象中的使用。最后介绍一下如何自己设计出这样 OO 的 CSS.

相关课程

  • 前端工程师和美工配合的那些事

    本课程介绍利用 FireWorks Photoshop 进行切图,以及转换 SVG 成 icon-font 和 Dreamweaver 的一些操作。

    5课时 33分钟
    中级
    16198人学习
  • HTML与CSS简单页面效果实例

    本课讲解使用HTML和CSS,制作一些初级的页面效果。

    1课时 24分钟
    初级
    41565人学习
  • CSS选择器

    本课讲解CSS选择器,让学员了解选择器的详细使用。

    2课时 27分钟
    初级
    36381人学习
  • CSS常用操作

    本课讲解CSSS中常用的一些操作,比如对齐、分类、图片操作等。

    4课时 34分钟
    初级
    40630人学习