不再使用class和id进行网页布局

不再使用class和id进行网页布局的相关文章

• 
  CSS网页布局中ID与class的理解

  标签：Web开发

  XHTML CSS网页布局中ID与class的理解应用： 要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。 那要怎样OO呢？现在大家都知道CSS是可以介样写滴： .G_G { /* xxxxxx */ } 我们可以把它大约看一个原型，或者说成类，-__-b 好像本来就是类的样子，然后要在HTML里...[ 查看全文 ]

  visa水野

  21
• 
  网页制作经验:id与class的使用原则

  标签：Web开发

  在webjx.com前面的文章里讨论过很多DIVCSS布局的技巧。在用CSS来控制网页布局时我们可能都会遇到一个问题：当定义一个属性时，是使用id，还是使用class？今天webjx.com再谈id与class的使用原则，把自己平时做站时的经验给大家简要讲述一下，希望能够对您有所帮助。 id的使用原则 先来说说id，id具有唯一性，其使用原则也是依据这一特性建立的。id是不能重复的，所以在XHTML的结构中，大结构...[ 查看全文 ]

  山东人在北京4

  31
• 
  CSS中如何正确的使用 id 和 class？

  标签：Web开发

  今天有点闲，想向大家请教一下id和class的使用。 按照字面的意思，id是指一个元素在整个文档中的唯一标志，而class则是它所属的类别。按照语法，同名的id在一个文档里只应该出现一次，而class名可重复使用。 但是在具体使用的时候，哪些样式该用id，哪些样式改用class呢？有个答案很简单： 那些只会在页面中出现一次的元素应该用id来表示。比如页头（header） 页尾（footer），导航菜单（...[ 查看全文 ]

  牵手幸福的我

  31
• 
  CSS中如何正确的使用id和class

  标签：Web开发

  今天有点闲，想向大家请教一下id和class的使用。 按照字面的意思，id是指一个元素在整个文档中的“唯一标志”，而class则是它所属的“类别”。按照语法，同名的id在一个文档里只应该出现一次，而class名可重复使用。 但是在具体使用的时候，哪些样式该用id，哪些样式改用class呢？有个答案很简单： 那些只会在页面中出现一次的元素应该用id来表示。比如页头（header） 页尾（footer），导航菜单...[ 查看全文 ]

  宝宝乐乐131114

  21
• 
  DIV+CSS中ID和CLASS

  标签：Web开发

  先看一段代码： div id="top"Hello Phoenix!/div 其中用到了id属性。对应CSS中的 #top{} 再看一段代码： div class="bottom"a href="#"Hello Phoenix!/a/div 其中用到了class属性。对应CSS中的 .bottom a{} 根据CSS2.0手册规定，伪类中就包括了a，例二中就是通过CSS控制超级链接 a 的属性，然后在div中定义该区域的a对应的类名。 因此，要注意id和class的区别，后者只能用于css伪类的调用。 [ 查看全文 ]

  股市小肉鸡

  21
• 
  网页布局中CSS的Class灵活应用

  标签：Web开发

  相信学过CSS的朋友都知道CLASS这个东西,不知道你平时制作网页时是怎么应用的,我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧 我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服 举个例子： 比如布局中的左栏 首先它的属性有：是左栏，宽度，背景颜色，字体颜色等 １．首先会定义一个class,比如:.layout,主要用来控制页面整个的大小 ...[ 查看全文 ]

  落枕了脖子痛

  131
• 
  CSS规则的结构和Grouping、class和id

  标签：Web开发

  rules::=selector        左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLONvalueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPACE::=空格 通常会用空格做为value之间的分隔符，有个例外：As we've seen, CSS keywords are separated by spacese...[ 查看全文 ]

  272011362

  21
• 
  CSS教程:使用ul进行网页的多列布局

  标签：Web开发

  几天在用CSS写三列布局的时候突然想到的这样一个方法，这个想法自己都觉得有些疯狂，如果其中有什么不对的地方请各位不吝指教。 当需要写一个三列布局的时候，一般情况下我会选择使用如下的DIV布局方式： 使用这样的嵌套方式无疑可以使代码出错的概率减少很多，但同时这样的布局也略显复杂，对于后期的维护也略显不便。我们在布局导航时经常会使用到一个方法，那就是使用ul列表来进行布局，而导航可...[ 查看全文 ]

  你这是唠嗑呢吖

  341
• 
  SPAN和DIV,Class与ID的区别汇总

  标签：Web开发

   SPAN 和 DIV 的区别 SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 ------------------------------------------------------------ CLASS和ID的区别 在样式表定义一个样式的时候，可以定义id也可以定义...[ 查看全文 ]

  沙口圆舞曲

  11
• 
  结构中id与class的使用原则与技巧

  标签：Web开发

  在前几日的文章中我提到过XHTML的重要性，在那篇文章中我讲了为什么说XHTML结构重要，重视XHTML结构的好处。但是那篇文章从开发的效率入手，并没有深入细节，而今天的这篇文章是讲XHTML中的细节部分的，可以说是上一篇的续述。这篇续述的主题就是ID与CLASS怎么用，在标题中有提及使用原则与技巧，这里的使用原则与技巧是我的经验总结，并非摘自哪本典籍，所以并不是什么权威论述，请各位网友在看到这篇文章时...[ 查看全文 ]

  455913477

  41
• 
  用CSS进行网页布局的好处

  标签：Web开发

  符合WEB标准的CSS网页布局相对于传统TABLE布局的一些优势： 一、代码臃肿 首先，Table里面唯一无法用CSS定义的属性只有Cellspacing，Cellpadding几个，其它属性都可以并且应当使用CSS，这样，剩下的，就是tabletrtd和div的对决，我相信一个动辄几十K大小的网页，即使使用了几十个Table，因此多出来的代码也可以忽略不计，那些埋怨Table代码臃肿的人其实该检查自己的编码习惯，能将Table写得十...[ 查看全文 ]

  __llllllll_

  21
• 
  div中的id和class有什么区别

  标签：Web开发

  class是设置标签的类 id是设置标签的标识 class属性用于指定元素属于何种样式的类。 如样式表可以加入 .baobao { color: lime; background: #ff80c0 } 使用方法：class="baobao" id属性用于定义一个元素的独特的样式。如一个CSS规则#binbin { font-size: larger } 使用方法：id="binbin" id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；   class...[ 查看全文 ]

  浪子冰雕

  91
• 
  认清CSS的类class和标识id选择符

  标签：Html CSS布局 Div+CSS XHTML

  在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。 在CSS中，类选择符在一个半角英文句点(.)之前，而id则在半角英文井号(#)之前。 看起来像这样: #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weigh...[ 查看全文 ]

  珍妮你好美

  141
• 
  使用框架和滑动门技术进行网页设计

  标签：Web开发

  以前看过一些类似的文章，但这些文章文字在理论上阐述得比较多，没有从技术角度来分析和实现滑动门效果，前段时间心血来潮对此作了一番专门的研究，这里就把我的所得奉献给大家。 一、什么是滑动门技术？ 导航按钮 如上图，简单地说，滑动门技术就是:当点击页面上的导航按钮后这个导航按钮的CSS特性发生变化，从而区别于该组的其他导航按钮，提示给操作者，当前浏览的内容就是这个...[ 查看全文 ]

  窝窝☆军团_99

  41
• 
  合理使用HTML标签进行CSS布局

  标签：Web开发

  CSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。 什么时候应该用DIV？ 虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV: div id="header"这里就是头部框架里要写的内容/div 当然,可以用c...[ 查看全文 ]

  淡然ok了

  71
• 
  针对class、id所做的CSS HACK

  标签：Web开发

  这是一篇关于CSS HACK的文章，这篇文章中提到的CSS HACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。 .test{/*FF*/     height:20px;     background-color:orange; } *+html .test{/*IE7*/     height:20px;     background-color:blue; } *html .test{/*IE6*/  ...[ 查看全文 ]

  豪仔666

  21
• 
  Class组合实现Div+CSS布局

  标签：Web开发

  现在编写xhtml，我们强烈不推荐此种方法，应该是id，class综合应用。此文章只是讲述一种思维，并非建站过程中的方法！ 用标准件的方式来组装网页DIV布局。我把class分为2种：布局class；风格class。 布局class是骨架，风格class是衣服。 举个例子：比如布局中的左栏。首先它的属性有：是左栏，宽度，背景颜色，字体颜色等。 1、首先会定义一个class,比如:.layout,主要用来控制页面整...[ 查看全文 ]

  顾乐tt1314521

  61
• 
  用Class组合实现Div+CSS布局

  标签：Web开发

  现在编写xhtml，我们强烈不推荐此种方法，应该是id，class综合应用。此文章只是讲述一种思维，并非建站过程中的方法！ 用标准件的方式来组装网页DIV布局。我把class分为2种：布局class；风格class。 布局class是骨架，风格class是衣服。 举个例子：比如布局中的左栏。首先它的属性有：是左栏，宽度，背景颜色，字体颜色等。 1、首先会定义一个class,比如:.layout,主要用来控制页面整...[ 查看全文 ]

  馬俊超

  41
• 
  网页布局教程:边距和绝对定位

  标签：Web开发

  这篇文章继续前面发起的关于的话题，先前在描述关于自动定位的一些基本信息之后，我留下了一些可能用在布局中的方法，现在是时候讨论元素定位的改进问题了。 玩弄绝对定位元素于股掌之间 首先，回忆一下自动定位是如何触发的，设置绝对定位元素的left、top、right、bottom属性为默认的auto值，而不是给定长度值。当属性为auto值时，绝对定位元素不会参考任何定位的祖先元素，而是参照它作为静态流动元...[ 查看全文 ]

  外外是王的女人

  21
• 
  div中class与id的区别及应用

  标签：Web开发

  class是设置标签的类。 id是设置标签的标识。  class属性用于指定元素属于何种样式的类。 如样式表可以加入： .baobao { color: lime; background: #ff80c0 } 使用方法：class="baobao" id属性用于定义一个元素的独特的样式。 如一个CSS规则： #binbin { font-size: larger } 使用方法：id="binbin" id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会...[ 查看全文 ]

  朝阳桃花劫

  121