html css模式,html css模式 实体化

css模式

内嵌式

直接写在html 的中调用

css

span{

font-size:60px;

color:pink;

font-family:宋体;

}

css展示

外链式

行内式 (优先)

行内式展示

实体化

1 div显示模式

div {

width: 200px;

height: 100px;

background: #A3D289;

display: inline-block;

/*display: 改变了显示模式， inline-block：是行内块模式，即可写宽高，又可换行*/

}

div显示模式

div1

div1

.2 span显示模式

span{

width: 200px;

height: 100px;

background:green;

display: inline-block;

/*行内块模式*/

display: block;

/*块标签模式*/

}

span1

span2

标签：行内,实体化,模式,html,css,span,display,block

来源： https://blog.csdn.net/qq_44090577/article/details/90107317