HTML 盒子模型div

2019-7-8    seo达人

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

HTML 中的div定义:

可定义文档中的分区或节(division/section)。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记 div,那么该标签的作用会变得更加有效。
用法

div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是

固有的唯一格式表现。可以通过 div的 class 或 id 应用额外的样式。
不必为每一个 div都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 div 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

实例
<div id = " text"><div> <div class = " text1"><div> <div class = " text1"><div>
//div 中可以设置id属性,通过引用id属性来为div设置一些样式

//在style标签中,可以对你写的代码进行样式的设计,样式设计可以通过以下几种方法来写
1.通过引用id来设置样式,在id名称前加上# 格式: #id名称{ }
#text{ }
2.通过class来设置样式,class后面的名字可以是一样的,而id取名唯一,因此在需要设置同类型的样式时可以使用class来设置 格式: .class名称{ }
.text1{ }
3.通过标签名称来设置样式 格式: div{ }
div{ }

样式:
1.width :50px; // 宽度
2.height :50px;//高度
3.border : 1px solid red; //边框,border可以设置三个属性,分别是边框宽度,边框样式(实线,虚线等),边框颜色
4.margin:属性定义及使用说明

margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。

实例:

margin:10px 5px 15px 20px;
    上边距是 10px
    右边距是 5px
    下边距是 15px
    左边距是 20px

margin:10px 5px 15px;
    上边距是 10px
    右边距和左边距是 5px
    下边距是 15px

margin:10px 5px;
    上边距和下边距是 10px
    右边距和左边距是 5px

margin:10px;
    所有四个边距都是 10px
蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、网站建设 平面设计服务

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档