搜藏共享

专注于品牌网站建设

CSS(Cascading Style Sheets)简介

0 评

CSS(Cascading Style Sheets
css为后缀的CSS文件里,然后在每个需要用到这些样式。

当初一帮技术人员想出HTML,主要侧重于定义内容,比如<p>表示一个段落,<h1>表示标题

如果你对HTML还一无所知,请参见HTML教程。

随着Internet的迅猛发展

CSS可算是网页设计的一个突破

CSS的英文是Cascading Style Sheets,中文可以翻译成串联式样式表。

CSS按其位置可以分成三种:

内嵌样式
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)
内嵌样式(Inline Style)
Inline Style

<P style="font-size:20pt; col

内部样式表(Internal Style Sheet)
内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。

<HTML>

<HEAD>

<STYLE type="text/css">

H1.mylayout {border-width:1; border

</STYLE>

</HEAD>

<BODY

<H1 class="mylayout"> 这个标题使用了Style。</H1

<H1>这个标题没有使用Style。</H1

</BODY

</HTML>

内部样式表(Internal Sytle Sheet)要用

<STYLE type="text/css">

......

</STYLE

外部样式表(External Style Sheet)
如果很多网页需要用到同样的样式(Styles),用什么方法呢?

将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

CSS第一个字母

比如可以用文本编辑器(NotePad)建立一个叫home的文件,文件后缀不要用

H1.mylayout {border-width: 1; border: solid; text-align

然后

<HTML>

<HEAD>

<link href="../asdocs/css_tut

</HEAD>

<BODY>

<H1 class="mylayout"> 这个标题使用了Style。</H1>

<H1

</BODY>

</HTML>

使用外部(Extenal)样式表,相对于内嵌

样式代码可以复用。一个外部CSS文件,可以被很多网页共用。

CSS的英文是Cascading Style Sheets!

便于修改。如果要修改样式,只需要修改CSS文件,而不需要修改每个网页。

提高网页显示的速度。如果样式写在网页里,会降低网页显示的速度

串联(C
CSS第一个字母,是Cascading,意为串联。它是指不同来源的样式(Styles

Cascading的顺序是:

浏览器缺省(browser default)(优先级最低
外部样式表(Extenal Style Sheet)
内部样式表(Internal Style Sheet)
内嵌样式表(Inline Style
样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external

CSS语法
发表评论
撰写评论