CSS 样式主要包含三种类型: 行内样式, 内联样式 (内嵌样式), 外部样式 (外联样式). 下面本篇文章就来给大家介绍一下, 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
CSS 即层叠样式表 (Cascading Style Sheets), 是一种用来表现 html 或 xml 等文件样式的计算机语言.
CSS 主要用来设计网页的样式, 美化网页; 它不仅可以静态地修饰网页, 还可以配合各种脚本语言动态地对网页各元素进行格式化.
CSS 能够对网页中元素位置的排版进行像素级精确控制, 支持几乎所有的字体字号样式, 拥有对网页对象和模型样式编辑的能力.
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/> 标记的个属性, 具体介绍如下.
href: 定义所链接外部样式表文件的 URL, 可以是相对路径, 也可以是绝对路径.
type: 定义所链接文档的类型, 在这里需要指定为 "text/css", 表示链接的外部文件为 CS 样式表.
rel: 定义当前文档与被链接文档之间的关系, 在这里需要指定为 "stylesheet", 表示被链接的文档是一个样式表文件.
外联式是使用频率最高是最实用的 CSS 样式表, 因为它将 HTML 代码与 CSS 代码分离为两个或多个文件, 实现了将结构和样式完全分离, 使得网页的前期制作和后期维护都十分方便.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/15193.html