CSS 引入方式

简介: CSS 引入方式

CSS 的三种样式表

按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:

  • 行内样式表(行内式)
  • 内部样式表(嵌入式)
  • 外部样式表(链接式)

内部样式表

内部样式表(内嵌样式表)是写到html页面内部. 是将所有的 CSS 代码抽取出来,单独放到一个 标签中。

通过此种方式,可以方便控制当前整个页面中的元素样式设置,代码结构清晰,但是并没有实现结构与样式完全分离,使用内部样式表设定 CSS,通常也被称为嵌入式引入,这种方式是我们练习时常用的方式。

外部样式表

实际开发都是外部样式表. 适合于样式比较多的情况. 核心是:样式单独写到CSS 文件中,之后把CSS文件引入到 HTML 页面中使用.

引入外部样式表分为两步:

  1. 新建一个后缀名为 .css 的样式文件,把所有 CSS 代码都放入此文件中。
  2. 在 HTML 页面中,使用 标签引入这个文件。
    使用外部样式表设定 CSS,通常也被称为外链式或链接式引入,这种方式是开发中常用的方式。


相关文章
|
2月前
|
前端开发
css特性
css特性 1.继承性:子级继承父级文字控制属性 ps:子级拥有自己的样式则不会继承父级。 2.层叠性:相同的属性后面覆盖前面,不同的属性叠加 3.优先级:选择器优先级高的样式生效 公式:通配符<标签<类<id<行内样式<!important(选中范围越大,优先级越低) 叠加计算规则:存在复合选择器时,从左向右依次比较个数,同一级个数多的优先级高,如果个数相同,则向后比较;!important权重最高;继承权重最低。
|
3月前
|
前端开发 JavaScript
css的引入方式和区别
css的引入方式和区别
46 0
|
8月前
|
前端开发 JavaScript 开发者
CSS3作为CSS的最新版本,引入了许多强大的新特性和改进
【5月更文挑战第26天】CSS3作为CSS的最新版本,引入了许多强大的新特性和改进
83 2
|
8月前
|
前端开发
css的引入方式的实列
css的引入方式的实列
26 0
|
前端开发 JavaScript
必须掌握的CSS三大特性🎨
CSS三大特性是前端开发中所必用到的 下面来解释一下三大特性的概念与规则
115 2
必须掌握的CSS三大特性🎨
|
前端开发 JavaScript
CSS 的三种使用方式
CSS样式之间用分号 ; 隔开,建议每条CSS样式后面都加上分号 ;
183 0
CSS 的三种使用方式
|
前端开发
三种引入css的方法
三种引入css的方法
184 0
|
前端开发
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
|
前端开发
CSS使用基本方式
内联CSS要在特定的HTML标记内使用。<style>属性用于设置特定HTML标记的样式。 建议不要使用内联CSS,因为每个HTML标记都需要单独设置样式,如果您只使用内联CSS,管理网站可能会变得十分困难。但是,它在某些情况下很有用。
134 0
CSS使用基本方式
|
前端开发
引入css的四种方式
引入css的四种方式

热门文章

最新文章