css有哪几类样式

104 阅读 0 评论 69 点赞

我是靠谱客的博主微笑豌豆，最近开发中收集的这篇文章主要介绍css有哪几类样式，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

CSS样式主要包含以下三种类型：

1、行内样式：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

例：

<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
登录后复制

2、内联样式（内嵌样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。

例：

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>
登录后复制

3、外部样式（外联样式）：

外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link/>标记将外部样式表文件链接到HTML文档中，其基本语法格式如下:

<link type="text/css" rel="stylesheet" href="css/main.css" />
登录后复制

上述语法中，<link> 标记需要放在<head>头部标记中，并且必须指定<link/>标记的个属性，具体介绍如下。

外联式是使用频率最高是最实用的CSS样式表，因为它将HTML代码与CSS代码分离为两个或多个文件，实现了将结构和样式完全分离，使得网页的前期制作和后期维护都十分方便。

以上就是css有哪几类样式的详细内容，更多请关注靠谱客其它相关文章！

以上就是微笑豌豆为你收集整理的css有哪几类样式的全部内容，希望文章能够帮你解决css有哪几类样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。