css个人笔记(3)

行级元素和块级元素

1.行级元素
feature:内容决定元素所占位置。不可以通过css改变宽高
(span strong em a del )

2.块级元素
featur:独占一行,可以通过css改变宽高
(div p ul li ol li form address) 所在的区域不能

3.行级块元素
feature:

  1. 内容决定大小
  2. 可以改宽高

例如 < img src="">

行级块级的实质

行级 例如 :span{display:inline;}
(display :inline是行级元素默认的)
块级 例如:div{display:block;}
(display :block是行级元素默认的)
行级块元素 (display:inline-block;)

重要的一批
行级和块级能更改属性
即:将行级的inline改成block。

** 凡是带有inline的元素,都有文字特性**
例如若干张照片之间会有空隙
在这里插入图片描述
margin-left:;(中间的空格距离 虽然可以解决问题 但没有必要)
常用 :让img的语句紧挨着

元素所带的功能可以被去掉
例如< ul >< li> 1 </ li></ ul>
ul{list-style:none;}可将ul自带的小圆点去掉

猜你喜欢

转载自blog.csdn.net/weixin_51664705/article/details/109648090