温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS层样式表的类型有哪些

发布时间:2021-02-24 09:20:19 来源:亿速云 阅读:161 作者:清风 栏目:web开发

这篇“CSS层样式表的类型有哪些”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“CSS层样式表的类型有哪些”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。

css是什么意思

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

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

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

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

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

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

如下面代码:

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

2、内部样式表:

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

例:

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

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

【 】

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

css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将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、<link>标签位置一般写在<head>标签之内。

以上是“CSS层样式表的类型有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI