`
zy77612
  • 浏览: 283401 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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/style01.css );</style>


文章来自: 好喜爱学习网(http://www.haoxiai.net) 网址:http://www.haoxiai.net/wangzhanzhizuo/cssjiaocheng/50881.html

分享到:
评论

相关推荐

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    CSS(层叠样式表)让网页设计者能够分离内容与表现,使得网页设计更加灵活且易于维护。本资源集合包含了“上百个CSS实例”,旨在帮助初学者快速掌握CSS的基础知识和应用技巧。 1. **CSS选择器**:CSS的选择器是定位...

    CSS层叠样式表学习指南

    层叠样式表的基础入门。 CSS 结构和规则 各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 ...

    CSS层叠样式表入门指南ppt

    **CSS层叠样式表入门指南** CSS(Cascading Style Sheets)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它为网页设计者提供了更多的控制力,使他们能够更精细地定义网页元素...

    css入门常用的代码

    通过以上步骤,可以更好地理解页面结构,并在此基础上创建高效且易于维护的CSS样式表。 #### 二、如何在HTML文档中引用CSS CSS可以通过多种方式嵌入HTML文档中,具体包括: - **内联样式**:直接在HTML标签中使用...

    最新整理CSS样式表.pdf

    文件提到的“快速入门CSS”的内容还可能涵盖了CSS样式表的链接方式。例如,通过使用标签嵌入CSS代码到HTML文档中,或者通过外部样式表链接到HTML中,即将CSS代码保存在一个单独的.css文件中,并通过HTML的标签在文档...

    CSS入门基础经典教程

    **CSS入门基础经典教程** **一、CSS简介** 在网页设计中,CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。CSS控制了网页元素的布局、颜色、...

    CSS3+DIV网页样式与布局从入门到精通(未来科技) 源代码

    **CSS3**(Cascading Style Sheets Level 3),即层叠样式表第3级,是用于增强HTML文档表现力的一种样式语言。CSS3在CSS2的基础上进行了大量的扩展和完善,引入了许多新的特性,如圆角、阴影、多列布局等,极大地...

    html&css入门基础知识点.pdf

    * 外部样式表:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。 * 内部样式表:标签内的样式将仅应用于当前页面。 * 行内样式:直接在HTML元素内添加样式。 例如,以下是一个简单的外部样式表的例子...

    css(层叠样式表)教程--4个chm

    本教程将通过四个CHM文件,即《CSS_5日精通CSS层叠样式表》、《CSS_精通CSS滤镜》、《CSS样式表》和《css样式表滤镜》,深入浅出地讲解CSS的基础知识和高级技巧。 1. **CSS基础** - **选择器**: CSS的核心是选择器...

    css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜 

    在IT领域,CSS(Cascading Style Sheets)是用于描述HTML或XML(包括SVG、XHTML等)文档样式的样式表语言。这个“CSS基础教程”涵盖了CSS的快速入门、编写方法、属性、定位以及滤镜等核心概念,旨在帮助初学者掌握...

    CSS快速入门.doc

    - **定义**:CSS全称为Cascading Style Sheets,即层叠样式表。它是一种用来控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 - **作用**:通过CSS,网页开发者能够对网页的布局、字体、颜色、背景等...

    div+css入门教程.rar

    CSS(Cascading Style Sheets)则是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它能让你将样式和结构分离,使页面更加整洁,易于维护,同时也提供了更丰富的表现形式。 教程中,...

    CSS 层叠样式表手册

    层叠样式表的基础入门。 CSS 结构和规则 各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 ...

    网页设计CSS基础入门

    - `master.css`:主样式表,包含全局样式 - `module.css`:模块样式,针对特定功能或组件 - `base.css`:基础样式,定义通用元素样式 - `layout.css`:布局样式,处理页面布局 - `themes.css`:主题样式,用于...

    CSS样式手册(入门到精通)

    **css样式表手册.chm** 此CHM文件可能包含了更广泛或者更新的CSS知识,可能涵盖了CSS2.1及后续版本的一些特性,例如CSS3。CSS3是目前广泛使用的CSS版本,它引入了许多新的选择器、模块化结构、动画和过渡效果,以及...

    HTML5+CSS样式从入门到精通

    本资源“HTML5+CSS样式从入门到精通”旨在为初学者提供一套全面的学习路径,帮助他们从零基础快速掌握这两项技术。 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它在HTML4的基础上做了大量...

    HTML与CSS入门经典 第8版 英文原版

    CSS(层叠样式表)基础** - **定义**: CSS是一种用于描述HTML文档外观和格式的语言,它可以控制页面布局、字体样式、颜色等视觉效果。 - **选择器**: CSS通过选择器来指定样式应用的对象。常见的选择器包括类型...

    CSS入门经典(第2版)源文件

    《CSS入门经典(第2版)》是一本深入浅出介绍CSS(层叠样式表)基础知识的书籍,源文件提供了书中实例的原始代码,对于学习和理解CSS有着极大的帮助。CSS是网页设计中不可或缺的一部分,它负责定义网页的布局、颜色...

Global site tag (gtag.js) - Google Analytics