给大家带来CSS手艺在网页计划中的使用

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

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

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

x

Table中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强。
刘晖
多层形式表单（CascadingStyleSheet,CSS）是一种为超文本置口号言(HyperTextMarkupLanguage,HTML)供应加强增补服务的手艺，可对每个HTML的置标(tag)做精摹细琢的润色。只用HTML制造的网页，对页面内各部分的润色才能无限且语句烦锁，CSS恰是填补这一缺点的无力手艺，它语句、文法复杂，只需在源码中拔出STYLE语句便可容易完成页面内恣意文本色彩、背景、边框、行距、字距的添删和润色等功效，使网页加倍活泼活跃，从而取得中意的效果。
----CSS在HTML中以STYLE标识呈现，其格局为：一对代表CSS手艺的STYLE置标，内放被润色的HTML置标，置标的CSS属性放于紧随厥后的一对年夜括号内，每一个属性赋值用":"，多个属性之间用";"离隔，例：
<style>
a{text-decoration:none;color:yellow}
a:hover{text-decoration:underline;color:purple}
p{font-size:20;background:red;color:blue}
</style>
----将如上代码拔出任一HTML文档后，革新显现，则一切锚点变成一般字体，色彩为黄，但当鼠标移至其上时，则锚点的提醒字符变成带下划线的紫色字体；全部文档中被置标P包抄的笔墨将以红底蓝字、字体巨细为20个象素的情势呈现。假如个中某段笔墨需另加润色，能够独自的的情势呈现，比方
<pstyle="font-size:30;font-weight
:bolder;background:white;color:blue">
................
</p>
----则此段笔墨白底蓝字，30个象素巨细，且字体加粗。随后是一个带有CSS手艺的HTML文档的完全例子：
<html>
<head>
<title>怎样利用CSS</title>
</head>
<body>
<style>
a{text-decoration:none;background:red;color:yellow}
a:hover{text-decoration:line-through;background:lime}
h1{text-align:center;font-weight:900;
border-style:ridge;border-width:medium;border-color:red}
p.first{font-size:15;font-face:楷体;
color:blue;border-style:dotted;
border-width:thin;border-color:blue}
p.second{font-size:20;word-spacing:10;background:aqua}
</style>
<h1>带连框的题头1</h1>
<ahref=mailto:wow20000@hotmail.com?subject=CSS>
鼠标移至此处,背景变更
</a>
<p>未加CSS润色的段落</p>
<pclass=first>指定CSS润色的段落</p>
<pclass=second>指定另外一种CSS润色的段落</p>
</body>
</html>
----从上例的显现能够看出，CSS是HTML的一个增补，几近能够对每个HTML置标举行扩大，使网页充斥活气，显现出加倍完善的效果。

每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。

只看该作者 · 发表于 2015-1-18 06:14:04

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

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

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-2-2 22:20:18

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-2-8 15:06:51

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

只看该作者 · 发表于 2015-2-25 20:19:31

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

只看该作者 · 发表于 2015-3-8 05:10:04

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

只看该作者 · 发表于 2015-3-22 16:58:27

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

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

[DIV+CSS] 给大家带来CSS手艺在网页计划中的使用

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

相关帖子