随笔分类 -  第十四章 盒模型

课时109.外边距合并现象（掌握）
摘要：我们先写一个案例，通过案例来了解 它们之间的水平距离就是两个间距的和 我们看完水平再来看垂直方向 在默认布局的垂直方向上，默认情况下外边距是不会叠加的，会出现合并现象，谁的外边距比较大就听谁的 阅读全文
posted @ 2018-06-14 14:06 双双双双 阅读(290) 评论(1) 推荐(0)
课时108.外边距属性（掌握）
摘要：1.什么是外边距？ 标签和标签之间的距离就是外边距 2.格式 2.1非连写 margin-top: margin-right: margin-bottom: margin-left: 然后我们发现span并没有宽度和高度，因为span是行内元素，没有办法设置宽高，所以我们将行内元素改为行内块元素，添 阅读全文
posted @ 2018-06-14 13:32 双双双双 阅读(313) 评论(0) 推荐(0)
课时107.内边距属性（掌握）
摘要：1.什么是内边距？ 边框和内容之间的距离就是内边距 2.格式 2.1非连写 padding-top: padding-right: padding-bottom: padding-left: 2.2连写 padding:上 右 下 左; 注意点 1.这三个属性的取值省略时的规律 上 右 下 左 > 阅读全文
posted @ 2018-06-14 12:18 双双双双 阅读(275) 评论(0) 推荐(0)
课时106.边框练习（理解）
摘要：让我们做出来如下的样式： 1.首先看下有几个边框，就做几个div，用简单方法div.box$*6 tab键 2.然后给它们设置宽高 3.然后依此来做边框 第一个：有四种方法，第一种最简单 第二个：有两种方法，第二种简单 第三个： 第四个： 第五个： 第六个： 阅读全文
posted @ 2018-06-13 20:08 双双双双 阅读(226) 评论(0) 推荐(0)
课时105.边框属性下（掌握）
摘要：2.3连写（分别设置四条边的边框） border-width:上 右 下 左; border-style:上 右 下 左; border-color:上 右 下 左; 注意点： 1.这三个属性的取值是按顺时针来赋值的 也就是按照上右下左来赋值，而不是按照日常生活中的上下左右 2.这三个属性的取值省略 阅读全文
posted @ 2018-06-13 18:42 双双双双 阅读(201) 评论(0) 推荐(0)
课时104.边框属性上（掌握）
摘要：这节课我们还会再来介绍几个属性，然后都介绍完了，我们来介绍盒模型 1.什么是边框？ 边框就是环绕在标签宽度和高度周围的线条 这就是边框 2.边框属性的格式 2.1连写（同时设置四条边的边框） border:边框的宽度 边框的样式 边框的颜色; 快捷键： bd+ border:1px solid #0 阅读全文
posted @ 2018-06-13 18:11 双双双双 阅读(259) 评论(0) 推荐(0)