摘要: 这个图片库小例子的效果如图所示,点击网页上某个图片链接时你将看到两种效果:占位符图片呗替换成这个链接所指向的图片,同时描述性文字也被替换为这个链接的title属性值。 这个图片库小例子的效果如图所示,点击网页上某个图片链接时你将看到两种效果:占位符图片呗替换成这个链接所指向的图片,同时描述性文字也被 阅读全文
posted @ 2017-12-26 19:27 蔸蔸猫的博客 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 上一篇中我们了解了块级元素与内联元素,今天将自己查阅的资料整理写出来,与大家一起理解什么是浮动,以及怎样清除浮动,本文以div元素为例。 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。浮动元素是脱离文档流的,漂浮在文档流 阅读全文
posted @ 2017-12-26 19:26 蔸蔸猫的博客 阅读(763) 评论(0) 推荐(0) 编辑
摘要: css中有3种基本的定位机制:普通流(相对定位实际上看做普通流定位模型的一部分)浮动(float)绝对定位(固定定位是绝对定位的一种)所以在学习浮动之前,我们先要了解块级元素与内联元素(行内元素)。块级元素:块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素,例如div和p。常见的块级元 阅读全文
posted @ 2017-12-26 19:25 蔸蔸猫的博客 阅读(3435) 评论(0) 推荐(0) 编辑
摘要: 盒模型是CSS中一种重要的思维模型,理解了盒模型才能进行更好的页面布局。顾名思义,我们把页面上所有的元素都看做是一个生活中常见的盒子,它具备内容(content),内边距(padding),边框(border),外边距(margin)四个属性,也就是我们所谓的盒模型。 让我们俯视这个盒子,它有上下左 阅读全文
posted @ 2017-12-26 19:24 蔸蔸猫的博客 阅读(1284) 评论(0) 推荐(0) 编辑