[Style top 属性 Style 对象定义和用法top 属性设置或返回定位元素的顶部位置。该属性规定了元素的顶部位置，包括：内边距、滚动条、边框和外边距。提示：一个定位元素是元素的 position 属性被设置为：relative（相对）、absolute（绝对）或 fixed（固定）。语法设... ...
分类：
Web程序 时间：
2020-07-12 10:33:19
阅读次数：
288
1.使用浮动来设置二列布局利用浮动和块级元素实现的左侧宽度固定，右侧自适应宽度的布局方式 <div class="left">left</div> <div class="right">right</div> /* css */ .left { float: left; width: 100px; ...
分类：
Web程序 时间：
2020-07-11 19:33:58
阅读次数：
85
前段时间学习css，做项目时使用了一回负边距，把margin设置为负值，然后就发现下面的父元素不显示了。就像：（图片绿色背景白色文字的父元素背景色是蓝色，但是并未显示） 原因： 使用负边距以后，后面的父级元素不再计算子元素的高度，导致不在父元素中显示。 解决办法： 1、在父元素中样式中使用overf ...
分类：
Web程序 时间：
2020-07-11 00:00:46
阅读次数：
74
css属性 <style> div{ border: 1px solid red; width: 100px; } .div1{ width: 100px; height: 100px; /*外边距*/ /* margin: 50px; */ } .div2{ width: 200px; heigh ...
分类：
Web程序 时间：
2020-07-10 00:42:13
阅读次数：
81
盒子模型 一、盒子模型介绍 什么是盒子模型？ CSS盒子模型就是在CSS技术中所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。 所有的HTML元素可以看做盒子，它包括：外边距、边框、内填充和实际内容。 ...
分类：
其他好文 时间：
2020-07-06 12:28:37
阅读次数：
88
既呈现 inline 特性(不占据一整行，宽度由内容宽度决定) 又呈现 block 特性 (可设置宽高，内外边距) 默认情况下，inline-block元素之间就有空隙出现（缝隙的实质就是元素标签段之间的空格） 1.去掉HTML中的空格； 2.使用font-size:0； vertical-alig ...
分类：
其他好文 时间：
2020-07-05 21:36:03
阅读次数：
51
#盒模型-Box Model,用来对HTML元素布局时使用 组成部分：元素内容content、内边距padding、边框border、外边距margin #内边距padding padding-top/right/bottom/left 简写属性padding #边框border border-st ...
分类：
Web程序 时间：
2020-07-04 17:15:06
阅读次数：
70
一、盒子模型 1.什么是盒子模型 css盒模型本质上是一个盒子，封装周围的html元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 2.标准盒子模型 根据 W3C 的规 ...
分类：
Web程序 时间：
2020-07-01 12:24:25
阅读次数：
78
每个HTML标签都会生成一个盒模型，盒模型是正常流布局非常重要的概念。盒模型由内边距(padding)+长度(width)+高度(height)+边框(border)+外边距(margin)组成。 1. 宽度(width)和高度(height) 盒模型有2种类型，怪异盒模型和标准盒模型，在不同盒模型 ...
分类：
Web程序 时间：
2020-06-29 21:30:24
阅读次数：
71
盒子模型的组成 margin 外边距 盒子与盒子之间的距离 border 边框 包装盒 padding 内边距 填充物 content 内容 买好的东西 1.margin 合起来写的属性 4个 当你写一个的时候，四个全部相同 两个的时候，上右，对边补齐 三个的时候，上右下，对边补齐 margin-t ...
分类：
其他好文 时间：
2020-06-26 01:43:56
阅读次数：
100
