仓酷云

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

[DIV+CSS] 来一发引进css款式表的四种体例先容

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

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

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

x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
1、利用STYLE属性:将STYLE属性间接加在一般的元件标签里。
<元件(标签)STYLE="性子(属性)1:设定值1;性子(属性)2:设定值2;...}比方:
<TDSTYLE="COLOR:BLUE;font-size:9pt;font-family:"标楷体";line-height:150%>
这类用法的长处是可乖巧使用款式於各标签中,可是弱点则是没有整篇文件的『一致性』。

2、利用STYLE标签:将款式划定规矩写在<STYLE>...</STYLE>标签当中。
<STYLETYPE="text/css">
<!--
款式划定规矩表
-->
</STYLE>
比方:
<STYLETYPE="text/css">
<!--
BODY{
  color:BLUE;
  background:#FFFFCC;
  font-size:9pt}
TD,P{
  COLOR:GREEN;
  font-size:9pt}
-->
</STYLE>
一般是将全部的<STYLE>...</STYLE>布局写在网页的<HEAD></HEAD>部分当中。这类用法的长处就是在於整篇文件的一致性,只需是有声明的的元件即会套用该款式划定规矩。弱点就是在一般元件的天真度不敷。

3、利用LINK标签:将款式划定规矩写在.css的款式档案中,再以<LINK>标签引进。
假定我们把款式划定规矩存成一个example.css的档案,我们只需在网页中到场
<LINKREL=STYLESHEETTYPE="text/css"HREF="example.css">
便可套用该款式档案中所制订好的款式了。一般是将LINK标签写在网页的<head></head>部分当中。这类用法的长处就是在於能够把要套用不异款式划定规矩的数篇文件都指定到统一个款式档案便可。弱点也是在一般文件或元件的天真度不敷。
4、利用@import引进:跟LINK用法很像,但必 放在<STYLE>...</STYLE>中。
<STYLETYPE="text/css">
<!--
  @importurl(引进的款式表的位址、路径与档名);
-->
</STYLE>
比方:
<STYLETYPE="text/css">
<!--
  @importurl(http://yourweb/example.css);
-->
</STYLE>
要注重的是,行末的分号是相对不成少的!
</p>
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
admin 该用户已被删除
沙发
发表于 2015-1-18 06:08:49 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
冷月葬花魂 该用户已被删除
板凳
发表于 2015-1-24 15:13:34 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
柔情似水 该用户已被删除
地板
发表于 2015-2-1 19:59:21 来自手机 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
若天明 该用户已被删除
5#
发表于 2015-2-7 16:21:48 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
海妖 该用户已被删除
6#
发表于 2015-2-22 20:17:01 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
再见西城 该用户已被删除
7#
 楼主| 发表于 2015-3-7 03:24:18 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
简单生活 该用户已被删除
8#
发表于 2015-3-14 11:24:48 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
因胸联盟 该用户已被删除
9#
发表于 2015-3-21 05:48:29 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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