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

网页制作经验:id与class的使用原则的相关文章

• 
  结构中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
• 
  SPAN和DIV,Class与ID的区别汇总

  标签：Web开发

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

  沙口圆舞曲

  11
• 
  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中class与id的区别及应用

  标签：Web开发

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

  朝阳桃花劫

  121
• 
  针对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
• 
  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规则的结构和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
• 
  网页设计中关于衬线的使用经验

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

  如题，设计，靠的就是细致还有与生俱来的审美能力，加之不屈不挠的耐心和沉着。以下是笔者关于衬线一些粗浅的共总结，拿出来供读者分享指正。 这是一套关于Button的实现，如果对HTML有了解的话，应该知道active和hover伪类，并且在网页体现中，他们也起到了很大的作用，以至于牵扯到现在就是设计上也不仅仅只是一个button样式那么简单，还要考虑acitve和hover的效果，就像下面实现的图稿一样： 就这么一...[ 查看全文 ]

  人r在z江j湖h

  31
• 
  CSS教程:设计制作网页的CSS经验

  标签：Web开发

  我们在网页教学网中向大家介绍过很多CSS经验与技巧，这些东西都发布在http://www.webjx.com/css/的文章中，相信对大家是有一些帮助与启发的。有些习惯显得尤为重要，今天与您分享六个CSS习惯。因为习惯其实是会变的，所以只能写最近的。这些习惯都跟技术无关，如果不遵守，也不会出错。但是我觉得良好的习惯会体现一个人的素质。 一、用class_name方式写类名。 以前喜欢用class-name写，不过好...[ 查看全文 ]

  花心_少爺s

  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
• 
  网页文字界面设计与穿衣搭配经验

  标签：Web开发

        网页设计 中的文字设计很重要。俗话说“没有丑女人，只有懒女人”，女人只要舍得花时间琢磨怎么保养打扮，总能够找到方法展现自己美丽的一面。界面设计也是如此，让我们来看看聪明女人的穿衣之道里有哪些做网页界面设计可以借鉴的经验。 原则一：主色不要超过三种 不管什么样的衣着都应该有一个主色调，代表穿衣者想彰显的气质，她不可能样样都强调——也许她有...[ 查看全文 ]

  c刺眼先生

  81
• 
  setAttribute 与 class冲突解决

  标签：Web开发

  假设，我们要使用setAttribute来改变一个dom的class时，应该如何写？    1. setAttribute("class","red")    2. setAttribute("className","red") 答案是：   选项1. 在firefox下使用   选项2. 在IE下使用 如果在IE下给DOM setAttribute("class") 使用IE Developer看结构会发现，DOM上面显示了两个class出来.....[ 查看全文 ]

  花以落2010

  101
• 
  经验分享：网页设计中实用的制作技巧

  标签：Web开发

  1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我...[ 查看全文 ]

  YANGJINGSHIWO

  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
• 
  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灵活应用

  标签：Web开发

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

  落枕了脖子痛

  131
• 
  JavaBean与Java的Class的关系

  标签：编程语言 网络编程

     要说Bean，就得提到Introspection和Reflection，还有“动态”。 一般而言，开发者社群说到动态语言，大致认同的一个定义是：“程序运行时，答应改变程序结构或变量类型，这种语言称为动态语言”。从这个观点看，Perl，Python，Ruby是动态语言，C++，Java，C#不是动态语言。 尽管在这样的定义与分类下Java不是动态语言，它却有着一个非常突出的动态相关机制（其实C++也是这样的动...[ 查看全文 ]

  奇葩TMD朵朵开

  11
• 
  使用好的网页制作软件提升网页设计效率

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

  随着电子商务的兴起，电商网站如雨后春笋般群体突起，每个网站都想在众多的平台中脱颖而出，当然了，这毫无疑问是网站建设中最重要的一件事。当网站建设越来越细节化，保持更新的难度似乎也越来越大，因为总有细枝末节我们无法顾及。万维网成长迅速，所有的电商平台都被带动了，贸易越来越云化，传统的电脑似乎成为了一朵沉闷乏味的昨日黄花，被手机和平板电脑取而代之，如果你一味的坚持传统，那我只能送你...[ 查看全文 ]

  love康然

  21