CSS中行内、内部、外部三种样式的写法介绍

2025-09-24 19:58:08

1、行内样式写法,写在元素的尖括号里面,以键值对的形式来写。如下格式

<span>这是一个文本</span>

加上之后:

<span style="font-size: 50px; color: blue;">这是一个文本</span>

CSS中行内、内部、外部三种样式的写法介绍

2、内部样式写法,写在头标签head里面,加上style元素引入,以选择器的格式来写

<p>这是一个段落二</p>

<h2>这是一个标题</h2>

加上样式以后:

<style>

p {

color: green;

}

h2 {

color: darkolivegreen;

}

</style>

CSS中行内、内部、外部三种样式的写法介绍

3、外部样式写法,就是将选择器写在另外的一个CSS文件中然后在头元素head中用标签link引入即可

<h4>这是一个标题四</h4>

h4 {

color: bisque;

}

<link rel="stylesheet" href="外部引入.css" />

CSS中行内、内部、外部三种样式的写法介绍

4、块元素和行内(内联)元素

块元素是可以独占一行的,常见的块元素有div,p,h1....;

内联元素不能独自换行,只能占该元素的位置,常见的内联元素有span,img,a

CSS中行内、内部、外部三种样式的写法介绍

5、以上就是今天学习的CSS中行内、内部、外部三种样式的写法和块元素行内元素的基本知识

CSS中行内、内部、外部三种样式的写法介绍

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢