来一发CSS基本进修：款式表CSS简明教程

只看该作者 · 发表于 2015-1-16 00:21:22

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

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

x

有了CSS，我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题，改变字体颜色，字体样式等等
自在勇
款式表CSS在网页中占着极主要的位置，它的利用一向是抢手会商的话题。CSS是CascadingStyleSheet的简写，译为“层叠款式表单”。CSS几近能够界说一切的网页元素，CSS固然功效壮大，但平常我们用到的是很少的，最多见的有：界说字体巨细(用CSS界说的字体巨细不会扫瞄器的字体设置而改动)、往失落超链下划线、超链接变色等等。上面具体、简洁地讲怎样利用CSS。
1.CSS加在甚么地位？编纂CSS时分，激烈倡议利用记事本之类的文本编纂工具翻开你的网页代码。找到<head>和</head>，在<head>和</head>之间到场这句，<STYLE></STYLE>，然后一切的款式表都界说在<STYLE>和</STYLE>之间。
有良多网站喜好把款式表写成一个CSS文件，然后一切文件都指向这里来挪用它。我团体不喜好如许做，由于每页的CSS都纷歧样，如许做的弱点另有，当因为网速慢、或服务器包袱重CSS文件毗连不上时，网页就变得很乱。间接把CSS嵌在网页中，是对照明智的做法。假如你的很多网页几近完整一样，保持想利用CSS文件，可以使用这句<linkhref=***.cssrel=stylesheet>来毗连CSS文件。
实例1：<STYLE>td{font-size:9pt;line-height:150%}</STYLE>这句暗示网页的字体巨细为9磅字，行距150%，td是“单位格”元素，这句也就是对单位格内的字体起感化。这里的<style>前面的td，暗示选择符，网页内一切的td元素城市起感化。这些选择符能够是一切的html标志，比方p、table、hr等等，只要多数的br除外。
实例2：<STYLE>a{color:FF0000}input{font-size:9pt}</STYLE>暗示超链接都为白色，单行文本框的字体是9磅。
2.CSS感化很年夜的一方面就是能够用来大批削减网页代码，从而为网页减肥，道理就是在网页中自界说款式表的选择符，然后在网页中大批援用这些选择符。今朝年夜部分网站都是利用class来援用的。
CSS中，class和id的感化是完整一样的，“class”单词比“id”多3个字母。id的利用办法，在网页<STYLE>和</STYLE>之间界说选择符名，选择符名前加#，这些选择符名能够是字母或数字、或组合，然后在网页的元素中利用id=**来援用它。
实例3：<STYLE>#8{color:000080}#p2{margin-left:20}#14{font-size:14pt}</STYLE>，然后在网页利用这句援用它：<aid=8>黑蓝色</a>，<aid=14>14磅的字</a>。<pid=p2>段落……
也就是说，<aid=8>黑蓝色的字</a>等价于<astyle=color:000080>黑蓝色的字</a>；<aid=14>14磅的字</a>等价于<astyle=font-size:14pt>14磅的字</a>，以此类推。这里的先容大概有点不太好了解，你能够多理论。
注重：在必定前提下，利用id来援用大概不起感化或报错、或与javascript的id产生抵触，这类情形下，你可使用class来援用。class的利用办法与id一样，所分歧的是：在网页的<STYLE>和</STYLE>之间界说选择符名，名前加.(即点)。比方<STYLE>.a1{color:FF0000}</STYLE>，然后用class=a1援用它。
3.款式表语法。款式表的项和它的值应当用冒号毗连，比方color:FF00000。款式表也可间接嵌在段落傍边，而不必class或id援用，比方<astyle=font-size:12pt>12磅字</a>。也就是利用<*style=*:*>的语法。
4.小技能。可依据必要天真把握，统一个选择符名能够屡次给它界说，也能够多个选择符名界说统一句。比方<style>#a1{color:FF0000}#a1{font-size:9pt}</style>，它等效于#a1{color:FF0000;font-size:9pt}。多个选择符名界说统一句的办法是，各选择符名之间加逗号，比方<style>#a1,#b1{color:FF0000}#b1{font-size:9pt}</style>这句等效于#a1{color:FF0000}#b1{color:FF0000;font-size:9pt}。大概这里不太好了解，你只需本人略微理论一下就能够天真本人界说了。

强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。

只看该作者 · 发表于 2015-1-18 06:15:30

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

只看该作者 · 发表于 2015-1-25 17:25:44

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

只看该作者 · 发表于 2015-2-3 12:23:54

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

只看该作者 · 发表于 2015-2-8 23:54:05

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

只看该作者 · 发表于 2015-2-26 15:11:00

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

只看该作者 · 发表于 2015-3-8 16:00:59

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

只看该作者 · 发表于 2015-3-16 06:50:48

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-3-22 21:08:08

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来一发CSS基本进修：款式表CSS简明教程

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

相关帖子