小妖女 发表于 2015-1-15 23:25:35

CSS教程之CSS把持页面款式的4种体例和优先级成绩

强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。
网页制造poluoluo文章简介:第一:CSS怎样把持页面款式,有几种体例;第二:这些体例呈现在统一个页面时的优先级。
本节次要解说,两个内容,
第一:CSS怎样把持页面款式,有几种体例;
第二:这些体例呈现在统一个页面时的优先级。
利用xHTML+CSS结构页面,个中有个很主要的特性就是内容与表象相分别,内容指HTML页面代码,表象就是CSS代码了,假如把页面当作穿戴衣服的人的话,人就是HTML,是内容,而衣服呢就是CSS,是表
象,如今呈现的成绩是,怎样让CSS往把持页面?大概说,怎样让衣服穿在人身上,好表现出人得作风特性;分歧的CSS就能够使页面呈现分歧的作风合用分歧的网站,而分歧的衣服,人穿上后就会表现
出分歧的职业。

第一:怎样让CSS往把持HTML页面效果呢?
有这么4种体例,行内体例、内嵌体例、链接体例、导进体例

1)行内体例
行内体例是4种款式中最间接最复杂的一种,间接对HTML标签合用style="",比方:
[*]<pstyle="color:#F00;background:#CCC;font-size:12px;"></p>
固然这类办法对照间接,在制造页面的时分必要为良多的标签设置style属性,以是会招致HTML页面不敷纯洁,文件体积过年夜,倒霉于搜刮蜘蛛匍匐,从而招致前期保护本钱高。

2)内嵌体例
内嵌体例就是将CSS代码写在<head></head>之间,而且用<style></style>举行声明,比方:
[*]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[*]<htmlxmlns="http://www.w3.org/1999/xhtml">
[*]<head>
[*]<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
[*]<title>无题目文档</title>
[*]<styletype="text/css">
[*]<!--
[*]#div1{width:64px;height:64px;float:left;}
[*]#div1img{width:64px;height:64px;}
[*]-->
[*]</style>
[*]</head>
[*]<body>
[*]<divid="div1"></div>
[*]天下的CSS喜好者会聚于此,假如不来,你就OUT喽~我们的标语是:
[*]“分享本人的悲哀与疾苦,分享本人的履历与心得,分享本人的材料与资本”
[*]假如您也乐意,就到场我们吧~
[*]</body>
[*]</html>
CSS代码
[*]#div1{width:64px;height:64px;float:left;}
[*]#div1img{width:64px;height:64px;}
4)导进体例
导进款式和链接款式对照类似,接纳import体例导进CSS款式表,在HTML初始化时,会被导进到HTML文件中,成为文件的一部分,相似第二种内嵌体例。
详细导进款式和链接款式有甚么区分,能够参看这篇文章《CSS:@import与link的详细区分》,不外我仍是倡议人人用链接体例!

第二:四种款式的优先级
假如这下面的四种体例中的两种用于统一个页面后,就会呈现优先级的成绩,这里我就不再举例子来讲了然,人人鄙人面本人证实一下上面的结论
四种款式的优先级别是(从高至低):行内款式、内嵌款式、链接款式、导进款式。
</p>
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

蒙在股里 发表于 2015-1-17 22:39:27

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

简单生活 发表于 2015-1-22 06:52:02

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

山那边是海 发表于 2015-1-30 23:40:20

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

不帅 发表于 2015-2-6 17:19:05

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

老尸 发表于 2015-2-17 19:12:07

滚动条)层属性--溢出(visible/hidden/scroll/auto)

谁可相欹 发表于 2015-3-5 22:49:11

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

若天明 发表于 2015-3-12 16:35:51

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

冷月葬花魂 发表于 2015-3-20 00:24:58

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
页: [1]
查看完整版本: CSS教程之CSS把持页面款式的4种体例和优先级成绩