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

 时间:2024-11-11 16:44:12

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

工具/原料

Hbulider

CSS基础学习

方法/步骤

1、行内样式写法,写在元素的尖括号里面,以键值对的形式来写。如下格式<span>这是一个文本</span>加上之后:<spanstyle="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{col泠贾高框or:bisque;}<linkrel="stylesheet"href="外部引入.css"/>

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

4、块元素和行内(内联)元素块元素是可以独占一行的,常见的块元素有div,p,h1....;内联元素不能独自换行,只能占该元素的位置,常见的内联元素有span,img,a

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

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

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

实现整个html居中最简单方法 a标签的下划线怎么去掉 HTML怎么实现网页跳转 网页设计HTML中如何插入背景图片 HTML怎样使图片居中
热门搜索
动漫裸图 动漫图片男生 动漫下载 纯爱动漫 斓曦图片