加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

CSS入门技巧:关于CSS样式表的教程

发布时间:2018-09-20 03:55:44 所属栏目:创业 来源:站长网
导读:本例为CSS入门系列教程,在这一课中我们将进修CSS的样式表,首要进修在进修css之前你应该把握哪些基本常识,熟悉CSS以及怎样行使CSS,但愿能给对网页建造感乐趣的伴侣带来辅佐~~ 保举阅读: CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教

本例为CSS入门系列教程,在这一课中我们将进修CSS的样式表,首要进修在进修css之前你应该把握哪些基本常识,熟悉CSS以及怎样行使CSS,但愿能给对网页建造感乐趣的伴侣带来辅佐~~

保举阅读:CSS2.0在线手册http://www.veryhuo.com/a/manual/css/

CSS入门教程之关于CSS样式表

一.在进修css之前你应该把握哪些基本常识

1.什么是网页,什么是超文本说话(html)。
2.会行使Dreamweaver等常用的网页编辑器。

Dreamweaver是现今最好的网站编辑器材之一,而Dreamweaver8增进的对CSS的支持更是你轻易得来行使CSS,用它来给建造网页的 CSS样式表会更简朴、更利便。本教程教你怎样操作Dreamweaver8在页面中插手CSS,你不消死记硬背的记代码标志,也不消去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS。不外起首你要对CSS有必然的相识。因此,本教程的前面4章为CSS理论常识,首要是对CSS的全面先容,但愿读者看后对CSS的语法、布局、应用有一个全面的相识;后头4章为DW拭魅战,首要是教你怎样操作Dreamweaver8机动运用CSS在网页中。阅读此文前,你必要对HTML有必然的相识,并会行使Dreamweaver。

二.熟悉CSS

CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表,它是一种建造网页的新技能。

网页计划最初是用HTML标志来界说页面文档合名目,譬喻问题<h1>、段落<p>、表格<table>、链接<a>等,但这些标志不能满意更多的文档样式需求,为了办理这个题目,在1997年W3C(The World Wide Web Consortium)颁布HTML4尺度的同时也发布了有关样式表的第一个尺度CSS1, 自CSS1的版本之后,又在1998年5月宣布了CSS2版本,样式表获得了更多的充分。W3C把DHTML(Dynamic HTML)分为三个部门来实现:剧本说话(包罗JavaScript、Vbscript等)、支持动态结果的赏识器(包罗Internet Explorer、Netscape Navigator等)和CSS样式表。

留意:CSS必要IE4(Internet Explorer 4.0)和NC4(Netscape 4.0)以上的赏识器支持,有些结果必要更高版本的赏识器支持。

三.奈何行使CSS

假如你行使的是Dreamweaver MX 2004以上的版本,在界说笔墨字体、颜色、巨细等属性的时辰,查察一下代码你会发明有这样的一部门在head地区:

<style type="text/css">
<!--
.STYLE2 {
font-size: 16pt;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
color: #FF3300;
}
-->
</style>

那么恭喜你,你已经行使了CSS计划网页。
那么除了这种挪用CSS的要领外,尚有此外吗?答复是“虽然有了”,下面是体系先容

标志加注法(in-line):
假如只有一个HTML标志必要设定样式,则可在该标志内,加上属性

style=" "

以个体修订样式。

页面内嵌法:

<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>

外部挪用法:

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

双表法挪用样式表

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<style type="text/css" media="all">@import url( css/style.css );</style>

为什么要写两次呢?

现实上一样平常环境下用外联法挪用(就是第一句)就足够了。我这里行使双表挪用只是一种示例。个中的"@import"呼吁用于输入样式表。而"@import"呼吁在netscape 4.0版本赏识器是无效的。也就是说,当你但愿某些结果在netscape 4.0赏识器中潜匿,在4.0以上或其余赏识器中又表现的时辰,你可以回收"@import"呼吁要领挪用样式表。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读