| | 网站首页 | 安徽新闻 | 新闻资讯 | 女性频道 | 下载中心 | 安徽风采 | 游客留声 | | |
|
|
 |
您现在的位置： 安徽新闻网 >> 新闻资讯 >> 网站运营 >> 正文 |  用户登录  新用户注册 |
|
|||||
| 《CSS完全自学手册》全文连载 | |||||
| 作者：施迎等 新闻来源：机械工业出版社 点击数： 更新时间：2008-10-26 | |||||
|
第1章 CSS初体验 对于学习一种新的技能来说，最自然的方法就是像婴儿学说话一样，模仿大人的语言和语气，从最简单的发音开始，直到最后逐渐掌握了一定量的词语才能完整地说出一个句子。CSS的学习同样离不开模仿，本章就先从辨别哪里是CSS、CSS有哪些种类开始，由简单到复杂，一步一步走进CSS技术的殿堂。 下面就让我们出发。 2.1实验一：寻找CSS 在本书第1章里，对HTML和CSS的一些背景知识，以及浏览网站的过程做了介绍。文本的知识或多或少有点枯燥，既然我们讨论的内容离不开网络，那还是充分发挥它的优势，直接通过浏览一个网站来学习。 我们的第1个任务就是在网络上找到一个实际的CSS。 2.1.1浏览器与网页的外观
我们一一讲解图2.1上的标号所代表的意思。 第2章 CSS初体验 标签1：浏览器的地址栏，我们如果要访问一个网站，在其中输入网址，按回车键即可。 标签2：网站首页显示后，在浏览器的标题栏会显示一些文字，这些文字就叫做该网页的题目，能够告诉浏览者关于本网站的一些信息。 标签3：这个位置一般是放置网站的标记，也就是业内人士常说的Logo。Logo通常是一幅图片，表达符合企业或者网站风格、文化的内容。 标签4：这个位置一般是放置网站的导航条，也就是提供一些网站子栏目的目录，供浏览者选择。 标签5：箭头所指的地方就是一个在HTML文件中可能出现频率最多的链接。链接提供了一种方式，使浏览者能够转向另外的页面，类似翻开书籍的另一页一样。链接又叫超级链接。 标签6：这是浏览器状态栏的位置。如果一个页面没有显示完毕，在状态栏中会有进度条。同时，它还可以显示其他的一些信息。 标签7：这是一个用Flash做的广告，它看起来是浮动在页面上方的，好像一片云彩。一般来说都是基于层来实现的，所以有时候也叫做浮动层广告。在很多网站的首页面，都有这样的广告。 标签8：这是一个嵌入在网页当中的广告，可以是图片，也可以是Flash等。 标签9：这是浏览器的滚动条，英文叫做Scroll Bar。滚动条有两种，一种是水平的，一种是垂直的，在图2.1中，可以清晰地看到两种滚动条都有。在滚动条中有一个滑块，拖动它可以让页面的显示区域做相应移动。 2.1.2 找到样式表 在第1章我们了解到，一个简单HTML页面由内容和格式构成，浏览器根据HTML的格式控制字符来显示页面的内容，所以浏览器一定知道CSS在哪里。实际上，可以通过查看源代码的方法来发现它。 在IE浏览器中单击菜单中的页面，在下拉菜单中选择查看源代码，就可以看到一个页面中的格式控制字符。如果使用的是Firefox浏览器，则可以通过菜单中的查看→页面源代码来完成同样的工作。 CSS样式表就隐藏在打开的这个记事本中，如图2.2所示。
在图2.2中可以发现图2.1中和标签2一样的文字。没错，这就是控制显示网页题目的一段代码，用<title>和</title>包围起来，这里的title也被专业人士称为标签，英文名称叫Tag。当浏览器读到这行标签的时候，就会明白要标签内的文字显示在浏览器的标题栏中。 图2.2中用方框围起来的部分，就是表明下面的若干行将开始样式表的定义，直到遇到一个</style>为止。也就是说，样式表用<style>开头，以</style>结尾。中间的部分正是格式的定义。 通过观察，还可以发现一点，在图2.2中的代码，<style></style>标签是放在<head>和</head>之间的。在第1章我们介绍过，<head>标签表示HTML页面的头部，能够提供关于整个页面的一些信息。 |
|||||
| 新闻录入：admin 责任编辑：admin | |||||
| 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 | |||||
| 最新热点 | 最新推荐 | 相关新闻 | ||
| 没有相关新闻 |
 网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） |
|
数据载入中，请稍后……
|
| | 设为首页 | 加入收藏 | 联系站长 | 网站导航 | 友情链接 | 版权申明 | 管理登录 | | |
 |
【中国物业管理培训信息网】2007版粤ICP备06100674号 站长：风中的铃声 |
