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

CSS网页布局中ID与class的理解的相关文章

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

  标签：Web开发

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

  落枕了脖子痛

  131
• 
  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中如何正确的使用 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
• 
  CSS Div网页布局中的结构与表现

  标签：Web开发

  在Web标准中一个很重要的概念就是强调页面的结构与表现分离。说的通俗一点就是XHTML中应该没有样式化的东西，而且Web在浏览器中除内容外都应该由CSS表现，这包括布局与其它样式。一旦一个标准的XHTML代码写完之后，那么CSS可以实现其实百变面孔。其实XHTML是一个演员，CSS是编剧，XHTML演什么角色，都由CSS来决定的。 这听起来似乎有点理想主义，实现起来似乎就没有那么容易了。不过我还是想通过一个简单的...[ 查看全文 ]

  小孩不懂了

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

  标签：Web开发

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

  455913477

  41
• 
  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
• 
  CSS网页布局的优势与弊端

  标签：Web开发

  关于CSS网页布局，随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法——DIV+CSS。 CSS网页布局的优势体现在如下方面...[ 查看全文 ]

  强恋婷

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

  标签：Web开发

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

  顾乐tt1314521

  61
• 
  css布局实例:网页布局的方法

  标签：Web开发

  许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他，那怎么办呢？实现的方法很多，有根据视觉错觉实现的，有用JS控制使高度相等的，还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。 其实...[ 查看全文 ]

  疯子VS教授

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

  标签：Web开发

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

  馬俊超

  41
• 
  关于CSS中的类-CLASS

  标签：Html CSS布局 Div+CSS XHTML

      先看一个简单的例子：以下是常见按钮，使用“类”控制字体的按钮是不是漂亮了许多？而没有使用“类”控制的按钮的字体看上去就有点变形？本例使用9pt大小的宋体字控制的。        这是“类”的一个用途。     奥秘是这样的：     先定义一个“类---class”： <style type="text/css" <!-- .p...[ 查看全文 ]

  凡夫俗子曰6

  31
• 
  div css网页布局入门

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换...[ 查看全文 ]

  ___末世微凉

  41
• 
  学习css网页布局口诀

  标签：Web开发

  用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的！ 一、IE边框若显若无，须注意，定是高度设置已忘记; 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中; 三、三像素文本慢移不必慌，高度设置帮你忙; 四、兼容各个浏览须注意，默认设置行高可能是杀手; 五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览; ...[ 查看全文 ]

  最爱国务府府长

  21
• 
  CSS网页布局中要注意的几个问题

  标签：Web开发

  一、少用偏门。 类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 二、center不是float的值。 很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。 三、对齐不能包括两个值。 很多新手会在float或者text-align中填写两个值，比如：float:left top。这是...[ 查看全文 ]

  我有个愿望Y

  31
• 
  用Class组合实现Div+CSS布局教程

  标签：Web开发

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

  925xiaocui

  51
• 
  CSS基础教程:Class以及ID选择器

  标签：Web开发

  前面的学习我们仅仅使用HTML选择器（在HTML页面里为html标签，如 P） 现在我们学习使用clss和id定义属于自己的选择器。 这样，同样的html元素可以通过class或ID使用不同的表现。 在CSS里，使用点号（.）创建class选择器，使用hash符号（#）创建ID选择器。 例子： #top {     background-color: #ccc;     padding: 1em } .int...[ 查看全文 ]

  吉他越明12

  21
• 
  认清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
• 
  网页布局中的元素对齐与信息展示

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  网页布局的对齐的根本目的是为了更好展示信息架构，也就是网站中的信息。因此只要能更好展示信息，并不需要刻意追求绝对对齐。 页面上各个元素的对齐，能使页面显得更加规整。以下图为例，能对齐的元素都对齐了，看起来很规整。 但这也导致了一个问题：阅读线路不清晰究竟是Z型线，还是N型线? 像这种过度追求对齐而影响了信息架构的情况，在我们工作中不算少见，我个人不太赞同这种做法。 我比较倾向...[ 查看全文 ]

  楠楠11050528

  81
• 
  DIV CSS网页布局学习中容易出现的问题汇总

  标签：Web开发

  应用Div+CSS网页布局，制作符合web标准的网站，容易出现的一些问题。 现在总结一下，以便大家能够看到明白问题出在那里。 一、CSS校验的问题 我们设计的网页，都希望符合XHTML标准，CSS通过W3C的校验。有些未通过CSS2.0校验，主要校验错误都是:“Line : 0 font-family: 建议你指定一个种类族科作为最后的选择” W3C建议字体定义的时候，最后以一个类别的字体结束，而不要以单独某个字体结束。例如"sans-s...[ 查看全文 ]

  hehehehe46

  31