CSS定位与div

本文介绍了CSS中的div和span标记,div作为区块容器,是块级元素,而span是行内元素。接着详细讲解了CSS的盒子模型,包括content、border、padding和margin四部分,以及border的各种属性设置。
摘要由CSDN通过智能技术生成

一、div标记与span标记

    div(division)区块容器标记,是一个块级元素,它包围的元素会自动换行。span是一个行内元素,它的前后不会换行。span标记可以包含于div标记中,成为它的子元素,反过来则不成立。

二、盒子模型

在这里插入图片描述

    一个盒子模型是由content(内容)、border(边框)、padding(间隙)、margin(间隔)4个部分组成。盒子的实际宽度(或高度)是由content+padding+border+margin组成的。
    border用于分离元素,border的属性主要有3个,分别是color(颜色)、width(粗细)和style(样式).其中style主要设置边框线类型(none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset)

评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值