代码改变世界

CSS中的class与id区别及用法

2013-12-04 10:51 by 很大很老实, 566 阅读, 0 推荐, 收藏, 编辑
摘要:我们平常在用DIV CSS制作Xhtml网页页面时,常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊,同时不知道什么时候该用class,什么时候又用id,以及它们用法与限制是怎么样的。接下来我们就来详细了解CLASS与ID基本属性及用法。Class 在程序中称“类”,同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名如: .css5{属性:属性值;} ,而在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。如: .css5{属性:属性值;} 选择器在html 阅读全文

史上最全的css hack(ie6-9,firefox,chrome,opera,safari) (zz)

2013-12-04 09:59 by 很大很老实, 272 阅读, 0 推荐, 收藏, 编辑
摘要:在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。 为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本,这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了,直接上代码 Css Hack test 上面这段代码大家可以直接copy出来,保存成htm... 阅读全文

CSS之CSS hack

2013-12-04 09:57 by 很大很老实, 442 阅读, 0 推荐, 收藏, 编辑
摘要:由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对。类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等选择器Hack:比如 IE6能识别*html .class{},IE7能识别*+html .c 阅读全文

HTML语言的一些元素(五)

2013-12-03 12:33 by 很大很老实, 254 阅读, 0 推荐, 收藏, 编辑
摘要:一、table表格语法与结构 或者: 以上2个表格结构中td和th使用,没有区别均可使用。 班级 日期 标题 一班 2012-5-10 标题1 二班 2012-5-20 标题2 阅读全文

HTML语言的一些元素(四)

2013-12-03 11:13 by 很大很老实, 200 阅读, 0 推荐, 收藏, 编辑
摘要:以下资料整理自网路1.锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。英文名:anchor使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。示例代码在HTML页面中适当位置定义如下的锚点:这里是TOP部分这里是CONTENT部分这里是FOOT部分(您可以使用 id 属性来替代 name 属性,命名锚同样有效。[1])对于如上锚点的访问有两种方法一种是利用超 阅读全文

HTML语言的一些元素(三)

2013-12-03 10:35 by 很大很老实, 249 阅读, 0 推荐, 收藏, 编辑
摘要:本章节主要介绍:和可以通过 和 将 HTML 元素组合起来。HTML 元素是块级元素,它是可用于组合其他 HTML 元素的容器。 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。如果与 CSS 一同使用, 元素可用于对大的内容块设置样式属性。 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。 元素的作用是显示表格化的数据。HTML 元素是内联元素,可用作文本的容器。 元素也没有特定的含义。当与 CSS 一同使用时, 元素可用于为部分文本设置样式属性。1)、在DIV+CSS切图布局重构技术中,提... 阅读全文

CSS文档流与块级元素和内联元素

2013-12-03 10:23 by 很大很老实, 532 阅读, 0 推荐, 收藏, 编辑
摘要:CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆css布局的理论都 变得易于理解,并且体会到CSS这套设计的合理性所在. 于是我根据猜测,再加实验,得出一下说法.如有错误,纯属正常. 文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.每个非浮动块级元素都独占一行, 浮动元素 阅读全文

内联元素和块级别元素

2013-12-03 10:22 by 很大很老实, 385 阅读, 0 推荐, 收藏, 编辑
摘要:block(块)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度。④它可以容纳内联元素和其他块元素inline元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变④内联元素只能容纳文本或者其他内联元素(中文叫法有多种内联元素、内嵌元素、行内元素、直进式元素)。块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元素和内联元素的这种属性 阅读全文

CSS的叠加

2013-12-02 14:47 by 很大很老实, 823 阅读, 0 推荐, 收藏, 编辑
摘要:CSS中的叠加分为以下三种:1、上下叠加CSS部分:#div1{ width:200px; height:50px; margin-bottom:30px; background:#ffff00;} #div2{ width:200px; height:50px; margin-top:20px; background:#ff00ff;}HTML部分: 当一个div有向下空白边,第二个div有向上空白边时,两者的空白边发生叠加,叠加后的空白边值取值大者。2、内部叠加CSS部分:#div3{ width:200px; height:100px; margin-top:50px; bac... 阅读全文

HTML语言的一些元素(二)

2013-12-02 14:32 by 很大很老实, 209 阅读, 0 推荐, 收藏, 编辑
摘要:3)表示元素:,,,,,,,,,, 标签呈现粗体文本效果。 标签是基于内容的样式标签 的物理版本,但它没有后者的扩展意义。 标签明确地将包括在它和其结束标签之间的字符或者文本变成粗体。如果某种加粗的字体不可用,浏览器将使用一些其他的表现方法,例如反相显示或者加下划线等。 标签显示斜体文本效果。 标签和基于内容的样式标签 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。提示: 标签一定要和结束标签 结合起来使用。 标签可定义下划线文本。已经被替代。 标签可定义上标文本。包含... 阅读全文
上一页 1 ··· 15 16 17 18 19 20 21 22 23 ··· 29 下一页