Rumah  >  Artikel  >  hujung hadapan web  >  CSS层样式表有哪几种类型

CSS层样式表有哪几种类型

青灯夜游
青灯夜游asal
2021-02-23 16:11:496448semak imbas

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

CSS层样式表有哪几种类型

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

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

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

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

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

如下面代码:

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

2、内部样式表:

将样式代码写在页面c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927标签之中

例:

<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
}
</style>

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

【推荐教程:CSS视频教程

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

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

<link href="base.css" rel="stylesheet" type="text/css" />
  • rel="stylesheet"指link与href之间的关联样式为样式表文件

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

注意:

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

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

3、2cdf5bf648cf2f33323966d7f58a7f3f标签位置一般写在93f0f5c25f18dab9d176bd4f6de5d30e标签之内。

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

Atas ialah kandungan terperinci CSS层样式表有哪几种类型. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css盒子中的图如何居中Artikel seterusnya:css中主要有哪三种选择符