仓酷云

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

[DIV+CSS] 来一发CSS教程:CSS放进网页的几种体例

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

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

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

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
上一篇先容了CSS语法
我们能够用以下四种体例,将CSS套用进HTML文件中:

行忍子(Inline)行内套用(Inline)
嵌进套用(Embed)嵌进套用(Embed)
内部B接套用(ExternalLink)内部毗连套用(ExternalLink)
R进套用(Import)汇进套用(Import)行忍子眯心谔子

我能够在HTML文件戎苯有邮健N颐强梢栽HTML文件内间接宣布款式。e例碚f,举例来讲,
<pstyle=font-family:verdana;font-size:16;>Thisisfontsize16.</p><pstyle=font-family:verdana;font-size:16;>Thisisfontsize16.</p>

以上的HTML文件在g[器上@F椋阂陨系HTML文件在扫瞄器上会展现为:
Thisisfontsize16.Thisisfontsize16.
嵌进套用嵌进套用

邮娇梢郧度腱HTML文件中(一般是在<head>)。款式能够嵌进于HTML文件中(一般是在<head>内)。e例碚f,举例来讲,
<head>
<styletype="text/css"><styletype="text/css">
div{div{
background-color:#FF0000;
}
</style>
</head>
<body>
<div>
背景致是t色背景色彩是白色
</div>
</body>

以上的HTML@F出:以上的HTML会展现出:

背景致是t色背景色彩是白色内部B接套用内部毗连套用

在@N体例下,一切的CSS邮叫娑际谴嬖诹硗庖n案中。在这类体例下,一切的CSS款式宣布都是存在别的一个档案中。n案一般名Q.css。该档案一般称号为.css。在HTML文件的<header>..</header>当中,我⒂靡韵碌某淌酱a⑦@.cssn案B接M进:在HTML文件的<header>..</header>当中,我们将用以下的程式码将这个.css档案毗连进进:
<linkrel=stylesheettype="text/css"href="external-stylesheet.css"><linkrel=stylesheettype="text/css"href="external-stylesheet.css">
以上@一行⒃external-stylesheet.css@n案人娴邮郊尤HTML文件取R陨险庖恍谢峤external-stylesheet.css这个档案内所宣布的款式到场HTML文件内。
R进套用汇进套用

内部的CSS邮揭部梢员R进MHTML文件。内部的CSS款式也能够被汇进进HTML文件。R进的做法槔@import@指令。汇进的做法为使用@import这个指令。@import的Z法椋@import的语法为:
<STYLETYPE="text/css"><STYLETYPE="text/css">
<!--
@importurl(http://www.mysite.com/style.css);@importurl(http://www.mysite.com/style.css);
-->
</STYLE>
@import指令最后的意图,是榱四蜥Σ煌g[器而用分歧的邮健@import指令最后的意图,是为了可以针对分歧的扫瞄器而使用分歧的款式。不^,F在已]有@需要。不外,如今已没有这个需要。F在用@import的目标,最常是要到场多CSS邮健O衷谟@import的目标,最常是要到场多个CSS款式。多CSS邮奖@import的体例到场,而分歧CSS邮交ハ嘤行n突r,後被到场的CSS邮接先的位(情CSS串接)。当多个CSS款式被@import的体例到场,而分歧CSS款式相互有抵触时,后被到场的CSS款式有优先的顺位(概况请见CSS串接)。
下一篇我们将先容媒体种别

强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-18 05:31:56 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
蒙在股里 该用户已被删除
板凳
发表于 2015-1-25 22:57:19 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
活着的死人 该用户已被删除
地板
发表于 2015-2-4 13:24:13 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
不帅 该用户已被删除
5#
发表于 2015-2-9 23:51:21 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
再见西城 该用户已被删除
6#
发表于 2015-3-9 22:17:18 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
金色的骷髅 该用户已被删除
7#
发表于 2015-3-17 03:06:54 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
admin 该用户已被删除
8#
发表于 2015-3-23 18:02:20 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-30 02:46

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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