CSS教程：简单理解em

CSS教程：简单理解em的相关文章

• 
  CSS的长度单位(em)与em标签

  标签：Web开发

  CSS支持多种长度单位。它们可被分成两大类：绝对长度单位（以不依赖于显示设备的绝对尺寸来定义长度）；相对长度（相对其它为浏览器所知的单位来定义长度）。 绝对长度度量可使用五种单位：英寸（in）、厘米（cm）、毫米（mm）、磅（point，写作pt）、字高（pica，写作pc）。磅和字高通常被用作印刷单位，其中1pica=12pt。CSS把1pica定义为1/72in，也就是说，72pica=1in。这也是高品质打印机常用的 ...[ 查看全文 ]

  神经病院木白痴

  11
• 
  CSS教程:建议font-size使用em

  标签：Web开发

  在如今这个提倡可用性设计以及用户体验设计的网络时代，CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的察看-文字大小设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。   浏览器的默认字体高都是16px，所以未经调整的...[ 查看全文 ]

  __叶落__

  11
• 
  CSS教程:CSS盒模型实例学习和理解

  标签：Web开发

  自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒（box）中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层div。 盒模型主要定义四个区域：内容（content）、内边框距（padding）、边框（border）和外边距（margin）。 对于初学者，经常会搞不清楚margin，padding之间的层次、关系和相互影响。下面我们一起看一个实例，以便于加深理解。 下...[ 查看全文 ]

  Vi_Salsa

  01
• 
  CSS教程:通过实例学习和理解CSS盒模型

  标签：Web开发

  网页制作WEB文章简介：盒模型主要定义四个区域：内容（content）、内边框距（padding）、边框（border）和外边距（margin）。 自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒（box）中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层div。 盒模型主要定义四个区域：内容（content）、内边框距（padding）、边框（border）和外边距（margin...[ 查看全文 ]

  3曼妙旖旎3

  61
• 
  CSS网页设计字体大小(em)探讨

  标签：Web开发

  相关文章：CSS教程：简单理解em 秦歌(YanKaven)的站点：http://dancewithnet.com/ 今天是 Firefox3的2008下载日 ，这就意味着Firefox3正式发布了。Firefox3有众多的改进和新功能，我最关注的功能之一是 全页面缩放（Full page zoom） 。这就意味着Firefox3和Opera以及IE7+都可以让用户完全控制显示内容的大小同时自动调整页面布局和结构，说白了就是可以让整个页面直接放大或缩小却不会乱掉。这就意味着...[ 查看全文 ]

  雪中飞扬QX

  21
• 
  学习CSS了解单位em和px的区别

  标签：Web开发

  这里引用的是Jorux的95%的中国网站需要重写CSS的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Fi...[ 查看全文 ]

  我不是梦宝贝

  31
• 
  关于DIV CSS和XHTML CSS的理解

  标签：Web开发

  WEB标准 是一系列标准的集合，并不是仅DIV CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。 一位网友对W3C标准、重构与CSS布局的理解： 不知道从什么时候开始，在网络上到处可以看到div css，到底什么是div css呢？难道就是传说中的标准重构吗？标准从最简...[ 查看全文 ]

  山穷水尽疑乌路

  21
• 
  CSS控制段落缩进:text-indent:2em

  标签：Web开发

  有关CSS段落缩进的语法如下： 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个字符 我们可以作如下定义,并把代码放在与间： style p{text-i...[ 查看全文 ]

  婀娜孝孝

  1131
• 
  理解CSS的浮动标签Float

  标签：Web开发

  Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。 如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只是猜想）。如果你知道这些bug，你就能避免这些问题。 让我们尝...[ 查看全文 ]

  BJBJabcd

  71
• 
  em与px的区别以及em特点和应用

  标签：Web开发

  平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单...[ 查看全文 ]

  1风语战神1

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

  标签：Web开发

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

  visa水野

  21
• 
  CSS教程

  标签：Html CSS布局 Div+CSS XHTML

  一、 认识CSS CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。 网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1、段落<p、表格<table、链接<a等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版...[ 查看全文 ]

  散场的拥抱521

  41
• 
  CSS教程：了解熟悉css语法

  标签：Web开发

  前面一篇介绍了网页制作的CSS的作用 宣告CSS样式的语法如下： 選擇器{ 选择器{ 屬性：設定值； 属性：设定值； ... } 在一個選擇器(Selector) 中，可以設定的屬性數目沒有限制。在一个选择器(Selector)中，可以设定的属性数目没有限制。 選擇器主要有三種：型類(Type) 選擇器、Class 選擇器、和ID 選擇器。选择器主要有三种：型类(Type)选择器、Class选择器、和ID选择器。 型類選擇器是(X)HTM...[ 查看全文 ]

  优雅的lang

  31
• 
  CSS教程：CSS样式层叠顺序

  标签：Web开发

  CSS样式 层叠顺序 当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。 网页制作者应该小...[ 查看全文 ]

  baby1min1sec

  11
• 
  CSS教程:条件CSS的介绍

  标签：Web开发

  Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明。 使CSS针对特定的浏览器。 简化你对CSS文件的维护。 优化你的CSS。 解决CSS那些使人烦恼的小BUG。 自动扩展和引入@import声明。 它是免费和开源的！ 毫无疑问，你会发现很多情况下，不同的浏览器需要不同的样式声明，针对这一点，Conditional-CSS可以让你在你的CSS声明中添加Internet Explorer内置式条件样式。...[ 查看全文 ]

  yiti1314

  61
• 
  CSS教程:CSS兼容的技巧

  标签：Web开发

  让你的样式完美兼容各大浏览器，这个方案主要是用来解决Safari的，Opear是在测试的时候顺带试了一下，结果发现竟然也行，所以顺便也解决了。 .e {/*FF OP*/ background-color: #FF0000 } html* .e{/*Sa IE7 OP*/ background-color:#FF00FF } *+html .e{ background-color:#000000;/*OP*/ *background-color:#0000FF;/*IE7*/ } * html .e{/*IE6*/ background-color:#00FFFF } 经FF2、OP9.21、...[ 查看全文 ]

  魒行者

  61
• 
  CSS教程:css组合与CSS嵌套的写法

  标签：Web开发

  CSS组合 你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。 比如，你有如下的代码： h2 { color: red; } .22333 { color: red; } .22333com { color: red; } 则你可以这样写： h2,.22333,.22333com { color: red; } 使用组合，你可以一次定义多个CSS，为你节省很多字节和时间。 CSS嵌套 CSS结构好的话，没有必要使用过多的类或者标识选择符。这是...[ 查看全文 ]

  乔林儿

  51
• 
  CSS教程:CSS中的定位（position）

  标签：Web开发

  使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。 其实，要想控制好层的绝对定位，只要理解CSS中关于定位（position）的定义，一切就会变得轻松简单。 CSS中关于定位（position）是这样定义的： 定位（position） 允许用户精...[ 查看全文 ]

  一辈子的孤单zg

  31
• 
  CSS基础教程:CSS的应用

  标签：Web开发

  有三种方法应用CSS 一、In-line 行内 行内样式是在html标签里直接使用style属性  p style="color: red"text/p 设定段落文字红色。 但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 !DOCTYPE html PUBLIC "-//W3C/...[ 查看全文 ]

  上官黄毛

  11
• 
  理解你的网站 DIV+CSS布局对优化的影响

  标签：Web开发

  如果一个网站的HTML代码很容易被人理解，那么他应该也很容易被搜索引擎理解吧，如果容易被搜索引擎理解，那搜索引擎肯定就喜欢这个网站了，所以会较好的推荐这个网站了。 代码精简 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到sp...[ 查看全文 ]

  清风明月343

  01