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

  • 原创
  • |
  • 浏览:10194
  • |
  • 更新:

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

工具/原料

  • Hbulider
  • CSS基础学习

方法/步骤

  1. 1

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

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

    加上之后:

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

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

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

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

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

    加上样式以后:

    <style>

    p {

    color: green;

    }

    h2 {

    color: darkolivegreen;

    }

    </style>

    CSS中行内、内部、外部三种样式的写法介绍
  3. 2
    相关内容未经授权抓取自百度经验
  4. 3

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

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

    h4 {

    color: bisque;

    }

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

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

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

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

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

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

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

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

注意事项

  • 喜欢就点赞关注小编吧!
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部