css显示模式

来源：互联网发布：jsp项目绑定域名编辑：程序博客网时间：2024/05/21 09:07

一、div标签
1、作用：配合css完成网页的基本布局

二、span
1、作用：一般用于配合css修改网页中的一些局部信息

<head>    <meta charset="UTF-8">    <title>span</title>    <style>        span{            color: red;        }    </style></head><body><p>野火<span>烧不尽</span>，春风<span>吹又生</span></p></body>

三、div和span的区别
1、div会单独占一行，span不会
2、div是一个容器级别的标签，span是文本级别的标签

四、容器级和文本级标签的区别
容器级的标签中可以潜逃其它所有标签
文本级标签中只能嵌套文字、超链接、图片

五、css元素显示模式
在HTML中HTML将所有标签分为两类：容器级、文本级
在css中css也将所有标签分为两类：块级元素、行内元素
1、块级元素：独占一行，所有容器级标签都是块级元素
2、行内元素：不会独占一行，所有文本级标签处理p都是行内元素
3、块级和行内元素的区别：
3.1、块级独占一行，行内不会
3.1、块级元素如果没有设置宽度，默认和父元素一样宽；行内元素如果没有设置宽度，默认和内容一样宽，行内元素不能设置宽度和高度的
4、行内块级元素；既不独占一行，又可设置宽高

六、显示模式的转换
1、设置元素的display属性
block：块级
inline：行内
inline-block：行内块级
3、快捷键
di display: inline
db display: block
dib display: inline-block

div{     display: inline;    }

阅读全文

0 0