码迷,mamicode.com
首页 >  
搜索关键字:pure css    ( 52621个结果
4.3 常用的样式属性
CSS的属性非常庞大,庞大得好几本书都写不完,不过,没关系,我们可以从网上搜索相关资料或者查阅相关专著。这里只列出常用的且实用的CSS属性。下面我们就先来学习文本属性。本节单词记忆:属性 1.background-color 2.background-image 3.text-align 4.bac...
分类:其他好文   时间:2014-06-20 17:37:49    阅读次数:217
盒子模型
理解CSS盒子模型什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所...
分类:其他好文   时间:2014-06-20 17:21:44    阅读次数:330
4.4 样式表的3类应用
CSS是3个字母,恰巧CSS的种类也有3种,分别是内嵌样式表、行内(嵌入)样式表和外部样式表文件。本节单词记忆:标签 1.link 2.import 属性 1.rel网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单...
分类:其他好文   时间:2014-06-20 17:10:43    阅读次数:141
2.1 “CSS禅意花园”简介
在网站设计,特别是在css设计领域,有一个世界范围都非常著名的网站——CSS Zen Garden,中文名称为“CSS禅意花园”。这个网站以最有效、最优美的方式展示了CSS的最高境界。任何一个学习CSS的人都不应该错过对CSS禅意花园的研究。本章将从禅意花园网站上的近千个作品中精选16个作品进行介绍...
分类:Web程序   时间:2014-06-20 16:54:29    阅读次数:209
4.1 盒子的浮动
理解了第3章介绍的独立的盒子模型,以及在标准流情况下的盒子的相互关系之后,读者也会发现一个重要的问题,如果仅仅按照标准流的方式进行排版.就只能按熙仅有的几种可能性进行排版,限制太大了。在第2章“禅意花园”中的丰富效果是如何实现的呢? css的制定者也想到了排版限制的问题,因此又给出了若干不同的手段,...
分类:其他好文   时间:2014-06-20 16:53:13    阅读次数:273
7.2 双斜角横线菜单
在这个案例中,将制作如图1所示的菜单。鼠标指针经过某个菜单项时,显示灰色背景色,同时在上下两侧各产生一条带有斜角的横线。该实例文件位于网页学习网CSS教程资源中的“第7章\02\bevel-navi.htm”。图1 双斜角横线菜单效果在这个案例中,需要重点考虑的是这个带有斜角的横线是如何产生的。一、...
分类:其他好文   时间:2014-06-20 16:45:55    阅读次数:228
7.5 带说明信息的菜单
现在在7.4节案例的基础上,制作一个能够显示说明信息的菜单,如图1所示。鼠标指针经过某一个菜单项的时候,会出现相应的说明信息。该实例文件位于网页学习网CSS教程资源的“第7章\05\tip-navi.htm”。图1 带说明信息的菜单效果在通常的状态下,这个菜单和7.4节中制作的菜单完全相同。而在鼠标...
分类:其他好文   时间:2014-06-20 16:45:19    阅读次数:255
6.1 超链接特效
一、动态超链链二、按钮式超链接三、CSS控制鼠标指针四、浮雕背景超链接五、超链接下划线动画在掌握了CSS布局的基本方法和原理之后,接下来的几章将针对页面中非常重要的部分“链接与导航”进行专门的介绍。本章对链接本身以及通常用于网页导航的HTML结构进行介绍。在后面的章节中再分专题分别讲解。超链接是网页...
分类:其他好文   时间:2014-06-20 16:41:10    阅读次数:317
1.3 基本CSS选择器
一、标记选择器二、类别选择器三、ID选择器选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行选择,并赋予各种样式声明,即可实现各种效果。为了理解选择器的概念,可以用“地图”作为类比。在地图上...
分类:Web程序   时间:2014-06-20 16:39:54    阅读次数:359
1.6 CSS的层叠特性
作为本章的最后一节,这里主要讲解CSS的层叠属性。CSS的全名叫做“层叠样式表”,读者有没有考虑过,这里的“层叠”是什么意思?为什么这个词如此重要,以至于要出现在它的名称里。CSS的层叠特性确实很重要,但是要注意,千万不要和前面介绍的“继承”相混淆,二者有着本质的区别。实际上,层叠可以简单地理解为“...
分类:Web程序   时间:2014-06-20 16:35:04    阅读次数:202
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!