浅谈div+css的oop编写思想给css减肥

3,728次阅读
没有评论

共计 638 个字符,预计需要花费 2 分钟才能阅读完成。

在编程的过程中,对 oop 思想并不陌生,那么能不能把 oop 思想利用到写 css 样式上和 html 源码上呢,下面我来说一下个人的看法,也不一写对,

我们先来了解一下何为 oop

        面向对象编程(Object Oriented Programming,OOP,面向对象程序设计)是一种计算机编程架构。OOP 的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成。

OOP 达到了软件工程的三个主要目标:重用性、灵活性和扩展性。为了实现整体运算,每个对象都能够接收信息、处理数据和向其它对象发送信息。

 

先了解这么多吧,如果想更详细的来了解可以百度一下

下面我们来说一下 div+css,不能完全的做到 oop 但是最少能做到多少是多少,下面来看一下例子

第一个盒子
第一个盒子
第一个盒子

这个例子是传统的写法,可以让这三个 div 块,左浮动,如果说全局要是有好几个块都需要“左浮动”,那就得在每个块的 css 样式都加上“float:left; display:inline
”。这样很麻烦,后期也不好修改。

下面来换一种写法,来做这个浮动

第一个盒子
第二个盒子
第三个盒子

这就看出来有什么不一样了,希望大家可以举一反三,可以先把全局能够通一用到的样式,先写下来,最后在 Html 里调用,这样就很方便了。

好了我先谈到这吧,希望高手们多多发表意见

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计638字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)