仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 806|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS简化网页计划与保护

[复制链接]
小妖女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:15:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
CSS语法立意让网页内容与视觉出现分别,一方面使得页面保护事情更简单,不会因内容或视觉效果改动影响到另外一方,如许的页面计划,也对征采引擎更加和睦,更简单征采到页面内容。

CSS,CascadingStyleSheets
串接款式表,网页表面的把持语法
WorldWideWeb最早是以文件的观点构成,但愿透过网页与超链接,让文件与常识更简单毗连征引。从HTML语法大批利用文件观点的标签(比方代表题目的<H1>,代表段落的<P>),就不丢脸出WWW的这个特质。

但是WWW比起初期别的收集前言更诱人的中央,在于它能间接在页面嵌进并出现图片,这个改动让WWW开展敏捷,也让页面视觉粉饰年夜为流行。但网页后天的文件性情,让图象排版计划难以发挥四肢举动,因而像使用巢状表格与图象拼组而成的页面入手下手流行,以求到达精准元素定位与更优美的视觉效果。这个潘多拉盒子一开,形成了很多掉控的乱象,让页面原始码难以浏览与保护。

为了进步网页在视觉上能够有更多元的体现,W3C在1996年推出CSS初版,供应办理之道。不外因为CSS有赖于扫瞄器的撑持,因而久长以来CSS的推展情形一向欠安,一向到IE6、Firefox等支流扫瞄器撑持CSS,才垂垂改良。

CSS语法立意让网页内容与视觉出现分别,一方面使得页面保护事情更简单,不会因内容或视觉效果改动影响到另外一方,如许的页面计划,也对征采引擎更加和睦,更简单征采到页面内容。其次,CSS也能够增添页面在分歧前言的出现效果。统一份页面,可根据用处分歧,比方在屏幕显现或打印,而主动切换分歧的CSS语法,让出现最好化。也因为读取页面的前言愈来愈多元(如手机、PDA),CSS能够弹性调剂出现体例,都加倍彰显CSS在网页上的上风。

Selector
拔取器
要透过CSS为HTML的元素套用款式效果,起首须指向特定元素,像是题目、段落或超链接等,而这个指定的办法,就称为拔取器。

最基础的拔取器,是指定HTML卷标元素的称号,别的另有ID拔取器、种别拔取器、假造种别、子系、旁系等,不外这些CSS的拔取办法,每种扫瞄器的撑持纷歧,像IE6就不增援子系或旁系的拔取器。

Divist
滥用DIV标签的计划职员
现实上,善用CSS串接与承继的特征,就可以制造出精准、丰厚的视觉效果。可是并不是仅靠CSS,滥用语法的情形就可以改良。

已往流行巢状表格排版,招致Web原始码难以浏览与保护。不外CSS计划职员如不善用串接与承继,而以大批DIV区块语法作页面排版,将使页面原始码充溢DIV标签,这常常和利用巢状表格一样,难以浏览,这类计划职员便称为「Divist」。CSS并不是万灵丹,须靠计划职员准确使用,才干到达效果。

QuirkMode
怪癖形式
扫瞄器改版时,一般城市增强对网页尺度语法的撑持,不外这也意味着,按照已往扫瞄器特征写出来的页面,在出现上会有成绩,为了坚持向前兼容,扫瞄器一般会计划尺度形式与「怪癖」形式,确保一些旧网站能用较宽松、容错率较高的语法解译体例出现。

扫瞄器会依网页宣布的DOCTYPE与DTD,决意页面出现将按照尺度形式或怪癖形式。

CascadeRule
串接划定规矩
CSS具有串接的划定规矩和明白度,用来处置款式抵触的情形。串接划定规矩会依主要性排序,决意接纳哪种款式。

在串接划定规矩中,主要性最高的是标示有「!import」的利用者款式,其次是一样标有「!import」的作者款式表。

在没有标「!import」时,作者款式表的主要性高于利用者。透太重要性划定,扫瞄器就可以决意出现哪种款式,而假如主要性分歧时,则后出的划定规矩会覆写较早的划定规矩。

Specificity
明白度
因为CSS具有可串接、承继的特征,某一个元素有大概被指定分歧的款式。产生这类情形时,扫瞄器就会依明白度来决意出现那一种款式。

明白度划定每种拔取器都具有一个计数值,比方ID拔取器的明白度是「0,1,0,0」,而种别拔取器的明白度是「0,0,1,0」,当某个元素同时套用二者,并且部分款式又有抵触时,由于ID拔取器的明白度较高,就会以它的值为主。

CSSHack
CSS小技能
CSS在扫瞄器撑持与实作的体例分歧,乃至存在bug,都让计划职员在跨扫瞄器的页面计划碰到应战。为懂得决这些困难而开展出的技能,便称为CSSHack。

比方IE5在Width这个语法实作,与W3C制订的尺度有所分歧,形成它与别的扫瞄器会出现分歧的了局。为懂得决这个成绩,而有所谓「BoxModelHack」的技能,让IE5也能和别的扫瞄器出现不异的了局。

PseudoClass
假造种别
最多见的假造种别是使用在超等链接语法上。比方超等链接指定保持色彩(a:link)、拜访过色彩(a:visit)、和鼠标经由(a:hover)等。

现实上假造种别不但能用在超等链接上,比方表格或窗体输出字段等,CSS都能拔取并指定多种形态,可是因为IE6之前的扫瞄器只撑持多数假造种别语法,即便最多见的超等链接也撑持不完全(a:focus便不撑持),形成利用的人很无限。

Inheritance
承继
承继是CSS在计划上相称具无效率的准绳,能精简计划上的庞大性。比方在「body」拔取器指定字型与巨细以后,包括在「body」底下的一切元素,城市主动承继这个款式,不必要逐一为子系的元素再指定款式。

承继而来的属性,也能够透过指定值举行复写,因而假如区块必要分歧的字型,只必要从头指定新值给这个区块,就能够接纳新字型。透过这类体例,能够年夜为削减拔取器的数目。

float
飘浮,文绕图
CSS的文绕图的功效是透过指定「float」属性值,就可以让区块「飘浮」起来,并透过指定左、右地位,移到定点。

文绕图固然是用在图、文干系上,不外在计划实务中,更大批使用在版面定位上。另外一个经常使用来定位版本的功效是「position」,它能够准确地用像素指定恣意地位。使用「float」或「position」,即可以代替已往透过巢状表格才干到达的精准定位</p>
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
蒙在股里 该用户已被删除
沙发
发表于 2015-1-18 05:47:44 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
再现理想 该用户已被删除
板凳
发表于 2015-1-24 13:46:55 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
飘灵儿 该用户已被删除
地板
发表于 2015-2-1 16:39:26 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
金色的骷髅 该用户已被删除
5#
发表于 2015-2-7 11:24:32 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
简单生活 该用户已被删除
6#
发表于 2015-2-21 23:54:01 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
分手快乐 该用户已被删除
7#
发表于 2015-3-6 23:26:06 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
若天明 该用户已被删除
8#
发表于 2015-3-13 23:09:44 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
第二个灵魂 该用户已被删除
9#
发表于 2015-3-13 23:09:45 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
飘飘悠悠 该用户已被删除
10#
发表于 2015-3-20 23:29:51 | 只看该作者
可以使用 CSS 检查工具进行设计。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 04:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表