首页 美食 育儿 手工 生活 美妆 美容 设计 电脑 综合
首页 相关文章 CSS模块化设计——从空格谈起

CSS模块化设计——从空格谈起

引子：

今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》，思考了一下，本来想写《CSS样式的复合定义与复合调用及简单的模块化设计》，但是内容太大，还是来点简单的实惠。所以改叫《CSS样式从空格谈起》吧。

一、空格运算符

（1）CSS语言
简单地说，CSS语言类似JS语言，是通过客户端下载后，通过本地浏览器解析。而CSS语言又是非常低级的弱类型语言，离JS这种基于对象的比较完善的弱类型语言，还差相当一段距离。要知道CSS样式是定义出来的，而样式的呈现是根据文档流顺序和CSS优先级别，浏览器自己识别计算后显示出来的。而浏览器又有忽略和纠错功能（尤以IE为甚），所以样式定义的语法有错误，并不影响浏览器正常工作，只不过显示不出应有的效果罢了。在我们设计定义样式的时候，排错是比较令人苦恼的，其本质原因是于这种弱类型CSS语言本身的不严禁性有关系的，所以我们就更应该注重CSS定义的严禁，才能出较少的错误，较快更好的完成工作。

（2）CSS的...[ 查看全文 ]

2016-02-19 标签:
Web开发

CSS模块化设计——从空格谈起的相关文章

  • CSS模块化设计—从空格谈起
    标签：Web开发
          一、空格运算符       （1）CSS语言       简单地说，CSS语言类似JS语言，是通过客户端下载后，通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言，离JS这种基于对象的比较完善的“弱类型”语言，还差相当一段距离。要知道CSS样式是定义出来的，而样式的呈现是根据文档流顺序和CSS优先级别，浏览器自己识别计...[ 查看全文 ]
    多言无悔
    151
  • 宜家的家具设计理念和CSS的模块化
    标签：Web开发
    很久之前就知道 宜家 ，以前在广州的时候也去过一次，给我的印象就是：大、贵、巧。地方很大，东西很贵，设计很巧。现在住的地方离宜家不远，这个月找时间去逛了下，地方还是那么大，东西还是那么贵，设计还是那么的巧。虽然没有买什么东西，不过也还是有所收获的，通过宜家的家具设计方法，我们可以聊聊模块化。 去过宜家的同学应该都有注意到，宜家的家具基本都是组合的，可拆装。模块化的特点也是这样，...[ 查看全文 ]
    沉溺于孤单中
    551
  • 模块化CSS | 更有效地管理CSS
    标签：Web开发
    为了更有效地管理 CSS，下面是 Sofish 讲解了模块化CSS的概念与观点，希望这些对你有所帮助。 在刚学习CSS初期，就接触了模块化CSS这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设 计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的 理解很乱，直接导...[ 查看全文 ]
    熊猫VS爱情
    31
  • CSS模块化思想的优势(1)
    标签：Web开发
        实想重提下那个话题，一直都在忙这忙那的没时间。好不容易到一个周末了，原定安排是去D2的但是因为时间安排不过来，所以能抽空写写。早前的讨论不了了之，其实这一点都不是Twinsen的风格。 名字，你看名字多重要，我不太清楚。我写书的话我的书被人改变名称去误导别人我是不喜欢的。这是我一直说的作为一个技术人员应当遵守的准则——互联网创作共享协议。我不能抄一个刚入门的小朋友Ide...[ 查看全文 ]
    李筱默heart
    91
  • 模块化家具设计图集
    标签：产品设计 家具设计
    人们常用温暖的港湾来形容家，若家是港湾的话，那么工作的地方就是岛屿了。当我们投入了社会，在每天来回航行于港湾与岛屿间的同时，也希望小岛上有个容易靠岸的码头。在柏林扎根的设计师Till Grosch和Björn Meier为这些办公室岛屿设计了一系列名为“Docks（码头）”的模块化组合家具，希望人们能利用形状不一的家具创造不同的办公室岛屿，激发各种奇妙的创意，并且在工作之余能够尽情放松。 ...[ 查看全文 ]
    Boi_Day
    1071
  • CSS模块化及多人分工协作
    标签：Web开发
    自己对css框架，css模块这些感念一直比较模糊，完全跟风状态。最近在工作中遇到的问题，让自己不得不重视起这个问题。习惯了一个人搞定一切，策划-设计-出页面，当一个项目需要短时间多人协作完成时，样式文件的规划，css模块、框架的思想就先的尤其重要。 下面这个问题最近比较困扰：如果几个人同时 做一个网站前台，怎么样分配能让整站 风格统一，样式文件结构合理没有重复冗余，效率最高？请教了几个同学...[ 查看全文 ]
    初冬512
    81
  • 使用类实现模块化
    标签：Web开发
    写在前面的话： 所有写程序的人都知道，当你逐渐对您要实现的功能展开的时候，很大的时候，第一天写的东西第二天就忘了写到那里了，很多的时候，不得不写上详细的程序开发笔记，这在ASP的系统开发中感觉尤其文件、函数复杂的时候，当我们打算对网站的一部分功能进行修改的时候，感觉无从下手或者感觉要修改的地方。这时候，如果您学过任何一门面向对象的编程的语言的话，自然想到怎么能把代码功能实现...[ 查看全文 ]
    铁月情
    31
  • [ASP]使用类实现模块化
    标签：Web开发
    所有写程序的人都知道，当你逐渐对您要实现的功能展开的时候，很大的时候，第一天写的东西第二天就忘了写到那里了，很多的时候，不得不写上详细的程序开发笔记，这在ASP的系统开发中感觉尤其文件、函数复杂的时候，当我们打算对网站的一部分功能进行修改的时候，感觉无从下手或者感觉要修改的地方。这时候，如果您学过任何一门面向对象的编程的语言的话，自然想到怎么能把代码功能实现模块话，asp本质上不是面...[ 查看全文 ]
    heart沃肥5
    41
  • 新手设计师的模块化设计完全入门指南
    标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
    扁平化设计流行起来之后，现代简约风与之结合产生了许多视觉上以区块为主的网页设计作品。对于设计师而言，这种设计方式既时尚，又富于功能化，网站结构流畅、简单，与响应式的设计也有着天然的兼容性。 这种设计趋势的出现，追根溯源就是模块化设计。模块化设计并不是什么新鲜的东西，有过编程开发经验的同学对此应该不陌生，对于工程学有了解的同学，对此就更加熟悉了。反观我们所学习的各种设计理论，...[ 查看全文 ]
    落叶秋风不是冬
    21
  • 模块化CSS 让你更加有效地去管理
    标签：Web开发
    在刚学习CSS初期，就接触了模块化CSS这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，对于模块化CSS的理解很乱，直接导致自己一直认为下面的分法是非常合理的： 1.reset.css // 对浏览器的默认样式进行重设 2...[ 查看全文 ]
    忧郁的斧头_
    31
  • Jmail发信的实例,模块化随时调用
    标签：ASP
      一个用jmail发信的过程，及使用方法. 发信时，直接调用这个过程就行了。 <% dim str,HtmlBody HtmlBody= "<html<body bgcolor='red' topmargin='40'<p align='center'I Love 2Yup!</p</html" str=JmailSend( "hello" , "ILoveYou" , true ,HtmlBody, "youname@domain.com" , youname@sina.com , "hello" , "smtp.sina.com.cn" , "hello" , "Password" ) if str=...[ 查看全文 ]
    温柔的狼129
    01
  • 3DS MAX：效果图的模块化
    在30和31期报纸中我们已经创建好了一个房间和一些家具电器，下面将它们组合到一起，加入灯光并渲染出效果图。 一、组合 将建好的房间模型打开，在菜单栏中单击File→Merge，在弹出的Merge File对话面板中选取主题墙模型，将主题墙合并到场景中，这时它的方向、位置和大小都有可能不正确，就要用工具条中的选择并移动、选择并缩放、选择并旋转三个工具互相配合将它调整到合适为止。用同样的...[ 查看全文 ]
    夏沫清茶
    21
  • Android笔记之:App模块化及工程扩展的应用
    标签：编程语言 网络编程
    1.需求     无论是在.net还是java平台，合理的分层架构是最普遍的模块化思路之一。     dll，jar文件无不风靡盛行，无处不在。     一天，tx团队和我说，我们现在要做android上做三个论坛的客户端，一个是新闻论坛，一个是文学论坛，一个是音乐论坛。除了数据，界面和很少的模块不一样，其他的都一摸一样。     jar是我第一刻就想到的东西，但是共...[ 查看全文 ]
    long_ncist
    261
  • 3DS MAX：效果图的模块化（一）
    现代家居装修虽然趋向个性化，但是都是由一些基体元素个性化的搭配组成，因此效果图制作过程中，我们可以将一些常用元素制成模块，然后按需组合，一个模块可被多个场景使用，这样可大大提高工作效率。现在一些著名的专业效果图制作软件（如圆方、天正、中望等）都采用了模块化的Idea，下面以一个小客厅的效果图为例和大家一起探讨用3DS MAX制作效果图的方法。 一、窗模块的制作 1. 将3DS MAX的...[ 查看全文 ]
    丨小哥丨
    31
  • 3DS MAX：效果图的模块化（二）
    一 建造吊灯 1. 分别选取Torus和Pyramid工具，在视图中建一个Radius，设置半径1为400，半径2为20的圆环和边长为550的四面体，用移动工具调整好它们的位置。 2. 给四面体加入一个Lattice修改器，在Parameter参数栏中点选Struts only from，并将骨架的半径设为10，Sides设为8。 3. 用圆环工具画一大一小两个圆环，放置在吊架顶端，作为灯座, 将所有模型圈选，组合成组，命名为灯架。 4...[ 查看全文 ]
    Janiceasky
    91
  • 3DS MAX：效果图的模块化[3]
    一 建造吊灯 1. 分别选取“Torus”和“Pyramid”工具，在视图中建一个“Radius”，设置“半径1”为400，“半径2”为20的圆环和“边长”为550的四面体，用移动工具调整好它们的位置。 2. 给四面体加入一个“Lattice”修改器，在“Parameter”参数栏中点选“Struts only from”，并将骨架的“半径”设为10，“Sides”设为8。 3. 用“圆环”工具画一大一小两个圆环，放置在吊架顶端，作为灯...[ 查看全文 ]
    cochen348
    01
  • asp模块化分页制作详解
    标签：ASP
      模块化分页 1.查询语句块 <% 取得当前文件名 temp = Split(request.ServerVariables("URL"), "/") fy = temp(UBound(temp)) set rs=server.createobject("adodb.recordset") if not isempty(request("page")) then   pagecount=cint(request("page"))   else   pagecount=1   end if sql="select  查询语句" rs.open sql,conn,1,1 rs.pages...[ 查看全文 ]
    猫艹的人生
    01
  • 从设计的角度介绍搜索模块
    标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
    搜索能够帮助用户在海量的数据库中实现大海捞针，是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块，包含Web和ios两个平台，下面直接开始正文： 1.快速搜索 搜索是帮助用户简单快速的匹配相关内容，最简单的search box主要包含两个元素：①文本框 ②按钮(可以隐藏用回车代替) 快速搜索是最基本的搜索模型，用户输入文字点击按钮或直接回车即可完成搜索。 2.垂直搜索 如果搜索引擎明确只是...[ 查看全文 ]
    萨尔陆克
    01
  • 风水禁忌：从专家研究风水谈起
    标签：家居风水 风水禁忌
    据报载，长期被人们视为封建迷信、市井但俗而登不上大雅之堂的中国古代风水术，如今已被天津大学建筑系王教授引入建筑设计理论研究。 我国专家研究风水术，这个铁的事实不音一声炸雷，在古老的神州大地引起了震动。人们开始对传统的观念反思:风水究竟有没有依据?有无其存在的价值?值不值得提倡? 经过多年潜心研究，王教授认为，风水术其内核乃是中国古代建筑理论之精华。长期以来，国内...[ 查看全文 ]
    舒心董
    401
  • 纵横捭阖C++之从异步谈起
    标签：编程语言 网络编程
    简介 一般来说，简单的异步（Asynchronous）调用是这样一种调用方式：发起者请求一个异步调用，通知执行者，然后处理其他工作，在某一个同步点等待执行者的完成；执行者执行调用的实际操作，完成后通知发起者。可以看出，在异步调用中有两种角色：发起者和执行者，它们都是能主动运行的对象，我们称为主动对象，同时还有一个同步点，主动对象在同步点协调同步。在本文中，我们讨论主要是通用计算机、多进...[ 查看全文 ]
    1971翱翔
    21
手机页面
收藏网站 回到头部