Giter Site home page Giter Site logo

icss's Introduction

CSS 库

  • 为快速上手开发而生,面向不经常使用CSS的用户群体

目录介绍

  • src/ 源文件
    • index.css 入口
    • whmp.css 宽高外边距内边距css
    • layout.css 布局css
    • reset.css 重置css
    • root.css root css
    • tool.css 工具css

记录工作 🔥

2019.3.29 周四

  • 第一天开发,开发的原因是写博客系统组件的时候,发现自己的css布局不太会写,因为长期的写JS业务逻辑,导致了CSS不经常使用,虽然用到的时候,能够通过网络查询的到,但是这样每次都查也不是办法,所以打算将常用的 封装成库,供以后使用

  • 第一天完成的工作有:layout模块中关于 父子容器相关 的快速布局问题,和开启真实的数据


第二次提交(2019.4.30 23:34)| 提交 whmp.css模块 🔥

基本使用 w100 表示width: 100px, h100 表示 height: 100px; m100 表示 margin: 100px, m_l_100 表示 margin-left: 100px; 当然 t, r, b, l 都有效果,padding的缩写和 margin 一样,例如 p_t_100 表示 padding-top: 100px;

icss's People

Contributors

zhukunpenglinyutong avatar

Watchers

 avatar  avatar

Forkers

fz-lyle

icss's Issues

【官方】0.9 beta 布局功能开发

根据 伸缩布局盒模型 flex,写一个基础布局

开发计划:

  1. 一对一情况下的盒子布局(一个盒子里面只嵌套一个盒子)
  2. 一对多的情况下的盒子布局(一个盒子里面嵌套多个盒子)
  3. 规范其命名,并且书写md文档,解释用法

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.