1、内边距 ：（有复合样式） padding;100px /padding-top:/buttom/left/right; 只有一个属性值时 ,4个方向为同一个值 两个属性值时 第一个为上下，第二个为左右 三个属性值时 第一个为上边，第二个为左右第三为下边 四个属性值时 为上右下左 2、外边距：（有 ...
分类：
其他好文 时间：
2018-10-18 18:08:24
阅读次数：
122
一，前言 为了解决html中的布局问题，我们通常会用<table>或者<div>来布局，用<div>的话，就引出来 今天的主题，盒子模型。很多同学对盒子模型有些困惑，问为什么会有盒子模型，又是内边距又是边框的，不好记爱混淆。大家可以参考一下下面这个图。如果没有外边框，内边框行不行？答案是，行！但是好 ...
分类：
其他好文 时间：
2018-10-17 00:17:33
阅读次数：
161
几个关于元素宽高的方法height():带参数设置，不带参数获取,参数是number类型width():带参数设置，不带参数获取,参数是number类型innerHeight():内边距+内容的高度innerWidth():内边距+内容的宽度outerHeight：上下内边距+内容+上下边框outerWidth:左右内边距+内容+左右边框案例测试：<!DOCTYPEhtml><h
分类：
Web程序 时间：
2018-10-15 14:30:52
阅读次数：
155
页面组件 1 元素的尺寸/边框/背景 1.1 css尺寸相关属性 height 高度 min-height 最小高度 max-height 最大高度 width 宽度 min-width 最小宽度 max-width 最大宽度 1.2 css内边距 padding 内边距 padding-left ...
分类：
Web程序 时间：
2018-10-13 21:44:19
阅读次数：
1468
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>postion</title> <style> .box1{ /* *使用width来设置盒子内容的宽度 * height来设置盒子内容的高度 * width和height */ w ...
分类：
其他好文 时间：
2018-10-13 11:41:49
阅读次数：
118
CSS边框CSS边框(border)可以是围绕元素内容和内边距的一条或多条线，对于这些线条，您可以自定义它们的样式、宽度以及颜色。使用CSS边框属性，我们可以创建出比HTML中更加优秀的效果边框宽度：您可以通过border-width属性为边框指定宽度。为边框指定宽度有两种方法：可以指定长度值，比如2px或0.1em；或者使用3个关键字之一，它们分别是thin(细的)、medium（默认值）和th
分类：
Web程序 时间：
2018-10-09 17:07:36
阅读次数：
340
clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间大小（经过实践取出来的大多是视口大小） scrollHeight: 滚动大小，指的是包含滚动内容的元素大小（元素内容的总高度） offsetHeight: 偏移量，包含元素在屏幕上所用的所有可见空间（包括所有的内边距滚动条 ...
分类：
其他好文 时间：
2018-10-09 12:45:15
阅读次数：
144
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML元素分类</title> <style type="text/css"> /*浏览器默认样式(外边距和内边距)初始化(所有)*/ *{ margin: 0; ...
分类：
Web程序 时间：
2018-10-09 00:43:32
阅读次数：
238
一、padding与margin padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 有关padding 的使用: padding有四个方 ...
分类：
Web程序 时间：
2018-09-20 17:18:53
阅读次数：
197
