zoukankan      html  css  js  c++  java
  • 面向对象的css less 和sass

    Css 初始化   reset.css      或者  normalise .   Near.css兼容IE6以及现代浏览器。
    Oocss  也就是面向对象的css        
    面向对象是将css可重用的元素抽象成一个类,用class加以描述。
    Css也可以写循环,也可以写函数,
    Oocss 的作用:
    1.加强代码的复用并且方便维护。
    2.减少css的体积。
    3.提升渲染效率。
    4.组件库思想,栅格布局可以共用,减少选择器,方便扩展。
    注意事项:
    1.不要直接定义子节点,可以吧一些有共性的东西放在父类。
    2.结构与皮肤相分离。
    3.容器与内容相分离。
    4.抽象出可重用的元素,建好组件库,在组件库内寻找可用的元素组装页面,
    5.往你想要扩展的对象本身增加class而不是他的父节点,
    6.对象应该保持独立性。
    7.避免使用ID选择器,权重太高,无法使用。
    8.避免位置相关的样式。
    9.保证选择器相同的权重,。
    10.类名,简单,清晰,语义化,
    Less 是css的预处理器。一种动态的样式语言。基于javascript的
    监视模式:监视模式是在客户端的一个功能,这个功能允许你当你改变样式的时候,客户端自动更新。
    要使用它,只要在url后面加上 “#!watch” 然后刷新页面就可以了。另外,也可以通过在终端运行less.watch()来启动监视模式。
    Sass 的安装。  sass是基于ruby的。  Scss  index.scss  index.css
    Sass 里面的@import  不比css里面的import  
    mixIn        定义的了一个函数。
    compass    样式框架。
  • 相关阅读:
    iOS 开发中的坑与相关技巧
    SDK 封装的相关看法
    线程问题---在iPad上会崩溃,在iPhone上不会崩溃
    添加新手引导页需要注意的几个小点
    iOS 七牛云上传并获取图片----【客户端】
    iOS 线程相关-----绝对de干货
    Vue.js 基础示例
    lib-flexible 结合 WKWebView 的样式错乱解决方法
    基于CommentCoreLibrary简单的弹幕实现
    页面上动态编译及执行java代码
  • 原文地址:https://www.cnblogs.com/famensaodiseng/p/10185300.html
Copyright © 2011-2022 走看看