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

CSS规则的结构和Grouping、class和id的相关文章

• 
  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的类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
• 
  针对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
• 
  SPAN和DIV,Class与ID的区别汇总

  标签：Web开发

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

  沙口圆舞曲

  11
• 
  CSS基础教程: CSS的分组(Grouping)和嵌套(Nesting)

  标签：Web开发

  Grouping 分组 当许多选择器有同样属性时，可以使用逗号组合它们。 例子： h2 {     color: red; } .thisOtherClass {     color: red; } .yetAnotherClass {     color: red; } 上面的可以写成这样： h2, .thisOtherClass, .yetAnotherClass  {     c...[ 查看全文 ]

  嘟咪鱼鱼

  171
• 
  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
• 
  结构中id与class的使用原则与技巧

  标签：Web开发

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

  455913477

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

  标签：Web开发

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

  visa水野

  21
• 
  Class结构教程

  标签：flash教程

  1. 最基本的Class定义方面我不多说了, 就举个例子直接开始: class Flash8 { private var user:String; //定义变量 private var pass:String; private var age:Number; public function Flash8(x:String, y:String) { //class的结构函数 user = x; pass = y; trace("用户名 = "+user+", 密码 = "+pass); } public function setAge(x:Number):Void { //class中的定义函数 age = x; } public function...[ 查看全文 ]

  社会无法day

  31
• 
  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 类选择器和id选择器

  标签：Web开发

  在 CSS 中，类选择器以一个点号显示： .center {text-align: center} 在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。 在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。 h1 class="center" This heading will be center-aligned /h1 p class="center" This paragraph will also be center-aligned. /p ********...[ 查看全文 ]

  工号_026

  11
• 
  实例分析Java Class的文件结构

  标签：编程语言 网络编程

  学习Java的朋友应该都知道Java从刚开始的时候就打着平台无关性的旗号，说“一次编写，到处运行”，其实说到无关性，Java平台还有另外一个无关 性那就是语言无关性，要实现语言无关性，那么Java体系中的class的文件结构或者说是字节码就显得相当重要了，其实Java从刚开始的时候就有两套 规范，一个是Java语言规范，另外一个是Java虚拟机规范，Java语言规范只是规定了Java语言相关的约束以及规则，而虚拟机规范...[ 查看全文 ]

  宋博其

  41
• 
  css教程:css和document

  标签：Web开发

  Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table layout, user interface, paged media, and more. It explores in detail each individual CSS property and how it interacts with other properties,...[ 查看全文 ]

  愤青小卉卉

  21
• 
  HTML5的结构和语义(2):结构

  标签：Web开发

  由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构：  · section：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西 · header：页面上显示的页眉；与 head 元素不一样 ...[ 查看全文 ]

  勤奋的楓梓

  21
• 
  div css在思路和流程上实现结构与表现的分离

  标签：Web开发

  内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div cssxhtml css纯代码的分离，思想上流程上，到底如何分离？ 古老的话题：一首古诗的分离 1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构 2.这个结构其实包含了语义和表现 3.用html进行结构化，抛开一切的表现形式，只考虑语义 4.用CSS进行表现处理，包括html...[ 查看全文 ]

  绍峰我爱你

  71
• 
  深入理解abstract class和interface

  标签：编程语言 网络编程

  abstract class和interface是Java语言中对于抽象类定义进行支持的两种机制，正是由于这两种机制的存在，才赋予了Java强大的面向对象能力。abstract class和interface之间在对于抽象类定义的支持方面具有很大的相似性，甚至可以相互替换，因此很多开发者在进行抽象类定义时对于abstract class和interface的选择显得比较随意。其实，两者之间还是有很大的区别的，对于它们的选择甚至反映出对于问题领域...[ 查看全文 ]

  赶小三公司

  31
• 
  关于CSS中的类-CLASS

  标签：Html CSS布局 Div+CSS XHTML

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

  凡夫俗子曰6

  31
• 
  关于自由和规则（下）

  标签：育儿知识 怀孕 孕妇

  关于爱、自由和其他（上） 开开妈 原帖： （写于10/31/2002 9:36:35 AM） 自从贴出了我上次“惩戒”开开的经过以后，收到不少妈妈的回帖，引起了我很深的思考。我总结了一下， 觉得我当时的处理方式是有可以改进的地方。 其一、当时在片子快要结束之前，就应该给开开提个醒，“看完了就要去吃饭了哦。”觉得好瓶的点子不错，放个小闹钟在边上，跟他讲，等钟的指针走到哪里的时候，我们就该吃饭去了。这...[ 查看全文 ]

  丶火耳

  701