如何创建CSS的对象,获取合适的粒度
作者：vocal 来源：前端观察 发布时间：2010-07-09 13:10:00
标签：对象,CSS,对象,php
在上一篇文章中 ，我说到：
强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿，因为的CSS和HTML需要比PHP更细致的对象结构。事实上，PHP的模板不是天生合适的，因为每个模板包含了许多不同的HTML，以及以不同的方式相结合的CSS对象。
然后，我并没有解释它，或者给出适当的语境。抱歉！
正确的粒度是减小CSS的关键之一
在PHP层，下面的会话流(来自Facebook)或许是一个单个对象。所有的检测哪些HTML要显示或者隐藏的逻辑都包含在一个对象结构中。
一个Facebook会话流
通常，开发人员尝试使这个CSS的匹配中端(介于前端和后端？)逻辑。我们期望用于这个会话流的所有的CSS代码都包含在一个由ID包裹的沙盒内，比如#story。这将终结臃肿而枯燥的代码。为什么呢？因为CSS层的适当的结构更加细化(粒度更小)。其实，试图在PHP层中给予CSS结构就像是试图使用数据库架构来配置Apache一样。这是行不通的。
0
投稿猜你喜欢
效果图：代码如下：<!DOCTYPE html><html><head> <meta charse- 本文实例讲述了Python使用装饰器模拟用户登陆验证功能。分享给大家供大家参考，具体如下：# -*- coding:utf-8 -*-#!p
- 1 开通云上的mysql经过询价，我发现阿里云的数据库是比较便宜的，新人购买非常划算。对于爱学习的博主来说，果断购买一个。按照操作指引购买后
- 最近项目中需要Python的打包，看到网上也没有很详细的资料，于是做了一些示例程序。研究了一下，Python如何在Windows和Linux
- python 消除序列的重复值，并保持原来顺序1、如果仅仅消除重复元素，可以简单的构造一个集合$ pythonPython 3.5.2 (d
- 前言ECharts是由百度开源的基于JS的商业级数据图表库，有很多现成的图表类型和实例，而Pyecharts则是为了方便我们使用Python
- 如今，互联网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现
- 蜜蜂可以看到紫外线，人则看不到；蛇和蚊子可以看到红外线，人则看不到。火狐（Firefox）浏览器也可以看到人们看不到的东西，但迄今为止，这些
- Fraction函数是python中实现分数的一个模块（module），模块是由别人写的，并且可以被拿来直接使用的代码程序，包括类、函数以及
- 用法熟悉 Golang 的朋友对于 json 和 struct 之间的转换一定不陌生，为了将代码中的结构体与 json 数据解耦，通常我们会
- 一、设置SQLServer身份验证1、按下windows+R，弹出运行框。2、在弹出框中输入cmd，按下enter键。3、在dos命令窗口输
- 用python内置的xml.dom可以对xml文件进行解析处理。什么是xml?XML 指可扩展标记语言（EXtensible Markup
- 楔子在介绍数据类型的时候我们说过，Python 的数据类型相比 C 来说要更加的通用，但速度却远不及 C。如果你在使用 Cython 加速
- 记录日志是我们程序中必不可少的一个功能，但是日志文件如果没有合理的管理，时间长了几百兆的日志文件就很难分析了（都不想打开看），但是又不可能经
- 顽固的Select下拉列表，一般很难用css来控制样式下面使用了js来美化select<!DOCTYPE html PUBLIC &q
- 简单的说，组织体系指的就是组织信息的方式。看了一堆拗口的定义后，我根据自己的理解画了下面这个图：从上图看出，同样的图形元素由于采用了不同的组
- 也许自己真的就是有手残的毛病，你说好端端的环境配置好了，自己还在那里瞎鼓捣，我最不想看到的就是在安装一个别的模块的时候，自动卸载了本地的其他
- 本文实例讲述了Python列表推导式与生成器用法。分享给大家供大家参考，具体如下：1. 先看两个列表推导式def t1(): f
- 今天有一位同学给了我一个excel文件，要求读取某些行，某些列，然后我试着做了一个demo，这里分享出来，希望能帮到大家：首先安装xlrd：
- 问题描述像这样的图，我想把右边的colorbar设置成和主图一样高度方法0. plt.colorbar参数介绍https://matplot
