当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS中视觉语义不等于基于表现的类

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS中视觉语义不等于基于表现的类 视觉(9)会的(4)表现(9)TXJS(1)不等于(3)最后(9)基于(3)语义(5)CSS(655)
在TXJS大会的最后一天,一个开发者问我: media块可用于许多不同的情形,例如,组合一个图标和一个链接或个人材料图片和用户名。详细用例是从对象结构中分别出来的。HTML可以被看作是CSS对象的实例, CSS中背景background-position负值定位深入理解 。 --> [
CSS中视觉语义不等于基于表现的类》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332G2013.htm

在TXJS大会的最后一天,一个开发者问我:

media块可用于许多不同的情形,例如,组合一个图标和一个链接或个人材料图片和用户名。详细用例是从对象结构中分别出来的。HTML可以被看作是CSS对象的实例,CSS中背景background-position负值定位深入理解

--> [网站建设之]CSS中视觉语义不即是基于表现的类

需要留神的主要的是,CSS中的继承与优先级总结,我不是倡议相似&ldquo,CSS中的强制换行与强制不换行;giantBlueHeading”的类名。类名需要表示你要定义的对象结构,CSS中的图片保存方法,而不是特定的视觉类的名。例如,我常常抉择好记的比拟形象的类名,CSS中清除浮动方法,如“media”很轻易记住。media块由一个固定宽度的图片或flash和一些文字或其余内容组合。

网络堆栈中的每一层都有它本人的结构。你不会盼望将数据库架构用于构建PHP旁边件,人们对于HTML和CSS的冀望是一样一样的,CSS中水平居中和垂直居中的几种方法。HTML需要用一种能代表数据或内容的有意思的货色来书写,也就是我所谓的代码语义。HTML中的代码语义对可移植性和易用性都是极为重要的。另一方面,CSS在堆栈中确切是一个独破的层,它需要能反应页面的视觉语义的属于自己的系统结构。

PS:假如你对OOCSS不太熟习,可以浏览一下OOCSS的FAQ,以及99CSS对该FAQ的中文翻译

同样,许多PHP开发职员想要匹配CSS和HTML架构到PHP。或者尝试将你最熟悉的某一层抽象运用到他们你会感到更具挑衅?对这一点儿我觉得很愧疚。在我在Facebook的时候,我盼望PHP层能匹配CSS层。还好Facebook有一些聪慧的开发者勒住了并帮我促进了懂得。

你和用户之间的网站堆栈(简化版)

视觉语义!=基于表现的类

面向对象的CSS不给你留下一大堆基于表现的class名,CSS中有序列表的一些特殊代码形式?

从款式中剥离模板结构

 

视觉语义描写在页面设计中的全体反复模式。他们刻画了你的网站的基础组成局部。事实上,他们往往只要要少许的修正就能轻松的实现跨站点利用,CSS中最小高度(min-height)的妙用。视觉语义,不必定要捆绑到HTML语义,因为你需要一个合乎每一层堆栈的详细需要的架构。

该media块的代码 ,和许多其他根本的对象都可以在OOCSS开源名目中找到 。

强硬的把CSS跟HTML塞到PHP里面能够避免代码太单调(DRY)并终极导致代码臃肿,因为的CSS和HTML须要比PHP更过细的对象构造。事实上,PHP的模板不是生成适合的,由于每个模板包括了很多不同的HTML,CSS中如何调整行距,字距,以及以不同的方法相联合的CSS对象。

Tag:视觉语义  ,CSS中如何让连接的下划线变成虚线; 视觉语义  
(责任编辑:网站建设)
CSS中视觉语义不等于基于表现的类相关文章
上一篇:CSS中背景background-position负值定位深入理解 下一篇:CSS之一条龙网站最主要是做好布局
回到顶部