CSS盒模型的概念与分类 CSS盒模型就是一个盒子，封装周围的HTML元素，它包括内容content、边框border、内边距padding、外边距margin。 CSS盒模型分为标准模型和IE模型； 标准模型和IE模型的区别 标准模型的width是内容content 的宽度； 设置方式： box- ...
分类：
Web程序 时间：
2018-12-06 00:07:04
阅读次数：
166
知识点预习1.列表2.选择器3.CSS的文本样式属性4.元素溢出5.盒子模型6.margin负值技巧7.垂直外边距合并8.margin-top塌陷问题01-列表无序列表ul>liunorderlist清除列表前面的标识list-sytle:none;列表默认有外边框和内边距02-CSS选择器02/*1.ID选择器id是唯一的;配合js来操作*/#three{color:blue;}/*2.s
分类：
编程语言 时间：
2018-12-05 18:32:09
阅读次数：
233
box-sizing 属性可以被用来调整这些表现: content-box 是默认值。如果你设置一个元素的宽为100px，那么这个元素的内容区会有100px宽，并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。 border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在wi ...
分类：
其他好文 时间：
2018-12-05 12:36:30
阅读次数：
187
clientWidth/clientHeight 是我们设置的宽和高加上内边距（没有边框） clientLeft/clientTop 就是我们设置的边框值 offsetWidth/offsetHeight 是我们设置的宽和高加上边框加上内边距 offsetLeft/offsetTop 是元素外边距离 ...
分类：
其他好文 时间：
2018-12-02 20:12:28
阅读次数：
165
div.attributes是元素的所有标签属性构成的数据集合 div.classList是所有用class起名的元素构成的集合 在classList的原型链上可以看到add()和remove() （1）client系列 clientWidth/clientHeight 就是我们设置的宽/高+内边距 ...
分类：
其他好文 时间：
2018-11-30 17:29:41
阅读次数：
141
块级元素： 1、总是在新行上开始； 2、高度，行高以及外边距和内边距都可控制； 3、宽度缺省是它的容器的100%，除非设定一个宽度； 4、它可以容纳内联元素和其他块元素 行内元素： 1、和其他元素都在一行上； 2、高，行高及外边距和内边距不可改变； 3、宽度就是它的文字或图片的宽度，不可改变 内联元 ...
分类：
其他好文 时间：
2018-11-26 23:11:45
阅读次数：
174
浮动定为是CSS中重要的排版手段， 比如首字的放大和图文混排，float浮动可以设置left right 和none，当设置左或右浮动时元素会向父元素的左侧或右侧靠近，这个距离是怎么回事呢？ 我们来看下 没浮动之前float1的宽度充满整个父块，空隙是仅仅就是父块的内边距 加上它自己的外边距 浮动之 ...
分类：
其他好文 时间：
2018-11-16 23:30:01
阅读次数：
298
默认情况下，元素是如何布局？ 首先，取得元素的内容，加上内边距（padding），边框（border），外边距（margin）放在一个盒子中 - 这就是我们之前看到的盒子模型 默认情况下，块级元素的内容宽度是其父元素宽度的100%，高度与其父元素相同。行内元素的高度与高度对应其内容的宽度与高度。不能 ...
分类：
Web程序 时间：
2018-11-16 12:18:21
阅读次数：
215
响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。 假设我们需要一个五列的 ...
分类：
其他好文 时间：
2018-11-15 22:39:10
阅读次数：
280
第一章 样式：style 边框：border 背景：background 不会占用容器宽高度 文字设置：font 文本设置：text 内边距：padding 外边距：margin 盒模型 s设置标签的大小和边距、边框。 第二章 a标签 超链接 语义标签 ...
分类：
Web程序 时间：
2018-11-15 11:01:45
阅读次数：
201
