Amor-ztt

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

行内元素&块级元素

行内元素设置:竖直无效,水平有效

行内元素转换为块级元素

  display:block (字面意思表现形式设为块级)、

几句便于记忆行内元素的语句。

字体大小要加粗,

组合图像输入框,

锚准斜体的菜单,

强调换行上下标

那么行内元素该如何使用呢?

1.行内元素会在一条直线上排列,在同一行从左至右水平排列。直到一行排不下,才会换行。

2.行内元素设置宽、高、margin上下、padding上下无效(竖直无效)。

3.行内元素设置line-height,margin左右、padding左右有效(水平有效)。

4.行内元素的宽高随标签里的内容而变化。

行内元素转换为块级元素

  display:block (字面意思表现形式设为块级)、

 行内元素和块级元素区别是  行内元素设置宽高是没用的。  但是有些行内元素不是这样的。

 

 

 

 

 

 

使用两个类 

 

 通用选择器:设置每个元素 * { }

 

 分组选择器:给不同的标签加同样的属性

 

 

<em>斜体标签

 

——————————————

相对定位和绝对定位

 

align-items属性,对齐弹性盒的各项 <div> 元素:

 

 

 justify-content 属性:排列多个元素

 

 

 

 

posted on 2022-05-06 17:42  小颜七七  阅读(19)  评论(0编辑  收藏  举报