css元素有哪些类型
1、块状元素,在页面中以矩形区域显示。
自上而下排列,独占一行
可以直接添加宽高,可做为其他元素或者内容的容器
常用的块状元素有:div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td
2、内联元素,在页面中最小单位也是矩形。
在一行内排列,不独占
不可以直接添加宽和高,大小是由内容撑开的。
内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top) magin-top/bottom)
3、内联块状元素,内联块状元素就是同时具备内联元素、块状元素的特点。
1)和其他元素都在一行上;
2)元素的高度、宽度、行高以及顶和底边距都可设置.
元素类型的转换 盒子模型可通过display属性来改变默认的显示类型
相关文章
-
CSS兄弟选择器的两种类型
1、CSS兄弟选择器,给指定选择器后面紧跟的那个选择器选中的标签设置属性。格式:选择器1+选择器2{ 属性:值; }相邻兄弟选择器必须通过+连接。相邻兄弟选择器只能选中紧跟其后的那个标签,
>2023-10-16 -
css中使用a标签的伪类选择器注意点
a标签的伪类选择器使用注意点1、a标签的伪类选择器可以单独出现也可以一起出现。2、a标签的伪类选择器如果一起出现, 那么有严格的顺序要求。默认状态:link->被访问状态:visited->鼠标悬停状
>2023-10-16 -
css盒模型布局是什么
css传统布局方式就是通过盒模型,使用display属性(文档流布局)+position属性(定位布局)+float属性(浮动布局)。css盒模型布局可以分为文档流布局、浮动布局和定位布局。文档流布局
>2023-10-16 -
css中flex布局如何使用
css flex布局说明1、flex的使用方法很简单,只需要将其display属性设置为flex就可以,也可以设置行内的flex。记得Webkit内核的浏览器,必须加上-webkit前缀。2、设为Fl
>2023-10-16 -
css中grid网格布局的介绍
1、grid布局又称为网格布局,可以实现二维布局方式。2、这是使用CSS控制的,不是使用HTML控制的,同时还可以依赖于媒体查询根据不同的上下文得新定义布局。网格线(Grid Lines)网格线组成了
>2023-10-16