CSS三个大核心模块:盒模型、浮动和定位,其余的都是细节。网页布局就是把网页元素(文字,图片等)资源放入盒子里,利用CSS合理摆放盒子的过程。说明盒模型就是把HTML页面中的元素看成是一个个矩形的盒子,里面装着内容的容器。每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。盒子模型在网页中,每个盒子都是大小不等的矩形框,除了有自己大
分类:
Web程序 时间:
2020-06-02 09:18:00
阅读次数:
67
前文 这是的一个经典的老问题,因为之前刚好有读者朋友问到,顺便整理一下。 从一个简单例子说起 先看一个简单示例: <style> .slide1 div { margin:10px 0; } </style> <div class="slide1"> <h3>第1种外边距折叠:兄弟元素</h3> < ...
分类:
Web程序 时间:
2020-05-31 10:58:30
阅读次数:
71
CSS盒模型 CSS盒模型本质上是一个盒子,封装周围的 HTML 元素,包括 外边距(marign),边框(border),填充(padding),内容物(content) 盒子模型的类型:W3C 标准和模型和 IE 盒模型(怪异盒模型) W3C 标准盒模型:属性 width 和 height 只包 ...
分类:
Web程序 时间:
2020-05-30 01:15:24
阅读次数:
68
盒子模型又叫框模型,包含了五个用来描述盒子位置、尺寸的属性,分别是宽度width、高度height、内边距padding、边框border、外边距margin 盒子实体化三属性 如果想具体看到一个盒子占有的实际位置,需要设置盒子可以实例化的三个属性。 宽度: width 高度: height 属性值 ...
分类:
Web程序 时间:
2020-05-28 12:49:17
阅读次数:
65
当块级元素(block)的上外边距(margin-top)和下外边距(margin-bottom)同时都有设定时只会只会保留最大边距,这种行为称为边界折叠(margin collapsing),有时也翻译为外边距重叠。、 设定float和position=absolute(包括固定定位fixed,但 ...
分类:
Web程序 时间:
2020-05-24 11:46:43
阅读次数:
299
css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代 ...
分类:
Web程序 时间:
2020-05-23 16:23:19
阅读次数:
46
* 基本属性 id 位置x 位置y 宽度,高度 内边距 外边距 背景 上边框,下边框,左边框,右边框 边框宽度,边框颜色,圆角大小 点击样式 其他样式 文本框 wbk 文字大小 文字颜色 文字样式 对齐方式 编辑框bjk 拥有文本框的所有属性 输入类型 输入最大字数 最大行数 提示文字大小 提示文字 ...
分类:
其他好文 时间:
2020-05-23 00:44:38
阅读次数:
78
1.今天学习了margin在普通元素中的外边距会重叠,浮动元素之间不会重叠,如果重叠间距已最大为准,还学习了div网页布局 2.页面边距初始化: *{ padding: 0px; margin: 0px; } 3.制作页面先使用div布局把页面大体轮廓分配好 ...
分类:
Web程序 时间:
2020-05-19 20:33:44
阅读次数:
67
盒子模型 页面中所有元素都可以看做是一个盒子,包含“内容”、“边框”、“内边距”和“外边距”四部分。 内容区 主要有三个属性: width height overflow 当 content 中的信息太多,超出内容区所占范围时,可通过 overflow 属性来指定溢出内容的处理方式。 取值 描述 v ...
分类:
Web程序 时间:
2020-05-18 00:51:22
阅读次数:
294
八.文本格式化 2.文本属性 ①文本颜色 color:合法的颜色值 ②文本对齐方式 text-align: 取值 left/center/right/justify 注意 1.一个元素写了text-align,控制的是内部的文本 2.这个元素自己想居中对齐,margin:0 auto; 3.text ...
分类:
Web程序 时间:
2020-05-16 18:49:01
阅读次数:
129