双双双双

2018年6月14日

摘要： 1.什么是外边距？标签和标签之间的距离就是外边距 2.格式 2.1非连写 margin-top: margin-right: margin-bottom: margin-left: 然后我们发现span并没有宽度和高度，因为span是行内元素，没有办法设置宽高，所以我们将行内元素改为行内块元素，添阅读全文

posted @ 2018-06-14 13:32 双双双双阅读(309) 评论(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 双双双双阅读(266) 评论(0) 推荐(0) 编辑

2018年6月13日

课时106.边框练习（理解）

摘要：让我们做出来如下的样式： 1.首先看下有几个边框，就做几个div，用简单方法div.box$*6 tab键 2.然后给它们设置宽高 3.然后依此来做边框第一个：有四种方法，第一种最简单第二个：有两种方法，第二种简单第三个：第四个：第五个：第六个：阅读全文

posted @ 2018-06-13 20:08 双双双双阅读(221) 评论(0) 推荐(0) 编辑

课时105.边框属性下（掌握）

摘要： 2.3连写（分别设置四条边的边框） border-width:上右下左; border-style:上右下左; border-color:上右下左; 注意点： 1.这三个属性的取值是按顺时针来赋值的也就是按照上右下左来赋值，而不是按照日常生活中的上下左右 2.这三个属性的取值省略阅读全文

posted @ 2018-06-13 18:42 双双双双阅读(190) 评论(0) 推荐(0) 编辑

课时104.边框属性上（掌握）

摘要：这节课我们还会再来介绍几个属性，然后都介绍完了，我们来介绍盒模型 1.什么是边框？边框就是环绕在标签宽度和高度周围的线条这就是边框 2.边框属性的格式 2.1连写（同时设置四条边的边框） border:边框的宽度边框的样式边框的颜色; 快捷键： bd+ border:1px solid #0 阅读全文

posted @ 2018-06-13 18:11 双双双双阅读(250) 评论(0) 推荐(0) 编辑

课时102.CSS精灵图（掌握）

摘要：我们这节课来介绍一个和背景图片相关的东西，精灵图 1.设么是css精灵图？ css精灵图是一种图像合成技术 2.css精灵图作用可以减少请求的次数，以及可以降低服务器处理压力 3.如何使用css精灵图 css的精灵图需要配合背景图片和背景定位来使用需要用到firework这个软件阅读全文

posted @ 2018-06-13 11:52 双双双双阅读(184) 评论(0) 推荐(0) 编辑

课时101.背景图练习（理解）

摘要：要将第二个div嵌套进第一个div中去如果以后我们看到一张图片是由多张图片拼接的，那么就是用到div的嵌套，我们这个练习是用大的div嵌套一个小的div，再将小div定位到底部。阅读全文

posted @ 2018-06-13 11:02 双双双双阅读(308) 评论(0) 推荐(0) 编辑

课时100.背景图片和插入图片区别（掌握）

摘要：快捷键补充： bc background-color:; bi background-image:; bgr background-repeat:; gp background-position:; ba background-attachment:; bg + background：#fff ur 阅读全文

posted @ 2018-06-13 10:18 双双双双阅读(707) 评论(0) 推荐(0) 编辑

课时99.背景关联和缩写（理解）

摘要： 1.背景属性缩写的样式 background:背景颜色背景图片平铺方式关联方式定位方式; 这是开始的写法，然后我们可以缩写两者之间没有任何的区别 2.注意点： background属性中，任何一个属性都可以被省略，所以我们经常写以下的这个代码background:#FFF;这样写是可以的，阅读全文

posted @ 2018-06-13 09:10 双双双双阅读(338) 评论(0) 推荐(0) 编辑

课时98.背景定位下（掌握）

摘要：我们来看控制背景图片的位置，在企业开发中用在什么地方呢？1.我们打开一个网站，如盛大游戏，保存它的背景图到本地 http://www.sdo.com/ 我们先点击检查，查看背景图的地址然后将地址复制到地址栏中然后将图片保存到本地工程的images文件夹中然后在网页中先用background-i 阅读全文

posted @ 2018-06-13 07:54 双双双双阅读(235) 评论(0) 推荐(0) 编辑

公告