好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS层样式表有哪几种类型

CSS层样式表有3种类型:1、 行内样式 表, 利用 style属性将样式写在HT ML 标签中;2、内部样式表,将样式代码写在“<style>”标签对中;3、 外部样式表 ,将样式代码写在单独的“.css”文件中,使用“<link>”标签引用

本教程操作环境:windows7系统、CSS3版、Dell G3 电 脑。

CSS即层叠样式表(Cas CAD ing Style Sheets),是一种用来表现HTML或 XM L等文件样式的计算机语言。 CSS样式主要包含以下三种类型:

1、行内样式表(内联式样式)

利用style属性将样式写在HTML标签中。

<标签 style="属性:属性值;属性:属性值;"></标签>

如下面代码:

<p style="color: red ;font- Size: 12px">这里文字是 红色 。</p>

2、内部样式表:

将样式代码写在页面<style> .. .</style>标签之中

例:

<style ty PE ="text/css">
body {
background-color:  # F5F5F5;
color: #555;
font -s ize: 1.1em;
font-f ami ly: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
</style>

<style>...</style>标签结构可以位于页面<HTML>标签中的任何位置,也可以多次出现。通常是将整个<style>...</style>结构写在页面的<head>...</head>部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有 统一 性和规划性,一个页面内部便于复用和维护,但多个页面之间的CSS代码复用仍然不够。

【推荐教程:CSS视频教程 】

3、外部样式表(.css文件):

css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码:

<link  hr ef="base.css" rel="stylesheet" type="text/css" />

rel="stylesheet"指link与href之间的关联样式为样式表文件

type="text/css"指 文件类型 为样式表文本

注意:

1、css样式文件名称以有意义的英文字母命名,如 m ai n.css。

2、rel="stylesheet" type="text/css" 是固定写法不可修改。

3、<link>标签位置一般写在<head>标签之内。

更多编程相关知识,请访问:编程视频!!

以上就是CSS层样式表有哪 几种 类型的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 CSS层样式表有哪几种类型 全部内容,希望文章能够帮你解决 CSS层样式表有哪几种类型 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于CSS层样式表有哪几种类型的详细内容...

  阅读:28次