css的块和内联元素

最新推荐文章于 2024-02-19 22:40:48 发布

_阿锋丶

最新推荐文章于 2024-02-19 22:40:48 发布

阅读量99

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/weixin_43342105/article/details/92430174

版权

html css 专栏收录该内容

29 篇文章 18 订阅

订阅专栏

<!DOCTYPE html>
<!--css的语法和块和内联元素-->
<html lang="en">
<head>
    <style type=text/css>
    /*
        这是css的注释，作用和HTML的相识，只不过他必须
        写在style标签中，或者css文件。

        css的语法

        选择器{声明块}一个声明块课一使用多个声明
        多个声明块用；隔开
        样式名：样式值
    */
    
    
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 
        块和内联元素
        1，块元素独占一行无论它的内容多少（div,p,h1,)
        div这个没有任何语义，就是一个纯粹的块元素
        并且不会为他里面的任何样式设置默认的样式
        div主要用于页面布局
        
        块元素 主要用于页面布局 
        2，内联元素，不独占一行（span,a,img,iframe)
        span也没有男人和的语义
        span用于㢔文字，为文字设置样式
        内联元素 选中文本设置样式。

        一般情况下只使用块元素包裹内联元素

        *a元素可以包含任何元素，但是除了他本身
        *p不可以包含其他的任何块元素。


  -->

     <div style="background-color:red;width:200px;">
    我是一个div </div>"
    <p style="color:red;">天气</p>
    <span style="color:red;">我是span </span>
</body>
</html>