CSS 引入方式

简介: CSS 引入方式

CSS 的三种样式表

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

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

内部样式表

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

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

外部样式表

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

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

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


相关文章
|
8天前
|
前端开发 搜索推荐
采用CSS的好处
采用CSS的好处。
15 1
|
8天前
|
前端开发
css的特性
【4月更文挑战第11天】css的特性
13 1
|
前端开发 CDN
css: Tailwind CSS一个功能类优先的 CSS 框架
css: Tailwind CSS一个功能类优先的 CSS 框架
150 0
css: Tailwind CSS一个功能类优先的 CSS 框架
|
前端开发 JavaScript
CSS 的三种使用方式
CSS样式之间用分号 ; 隔开,建议每条CSS样式后面都加上分号 ;
138 0
CSS 的三种使用方式
|
前端开发
三种引入css的方法
三种引入css的方法
161 0
|
前端开发
css三大特性
CSS三大特性 在css中,我们在设计样式的时候,经常会出现我们明明写好了样式,但是最后的测试发现我们书写的样式并没有起作用。
|
前端开发 JavaScript
必须掌握的CSS三大特性🎨
CSS三大特性是前端开发中所必用到的 下面来解释一下三大特性的概念与规则
82 2
必须掌握的CSS三大特性🎨
|
前端开发 Android开发
css引入
最近使用eclipse写前端,反正都是编译软件,用哪个不是用 css的三种引入方式:1、行内式引入,使用style属性在特定的HTML标记内插入CSS代码,语法“<标签名 style="css样式">..</标签名>”;2、嵌入式引入,在文档head部分的style标签对中放入CSS代码,语法“<style>样式</style>”;3、外部引入,将CSS代码放入外部CSS文件中,使用link标签或“@import”规则引入html文档中。
64 0
|
前端开发
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式
CSS 学习4.四种css导入方式

热门文章

最新文章