12 2017 档案

CSS背景-background
摘要：复合属性—background 如果同时设置了background-color和background-image时，背景颜色会被图片覆盖。 background-image: 用作背景的图片，background:url( )； 如果将背景设置为图片，那么我们就要考虑以下几个属性了。 backgro 阅读全文
posted @ 2017-12-29 20:16 蔸蔸猫的博客 阅读(564) 评论(1) 推荐(1)
CSS列表及导航条
摘要：大多数网页中都包含某种形式的列表，今天我们就来联系几个基本的导航条。 垂直导航条 注意要点： 去掉默认的项目符号（list-style-type:none）,将外边距和内边距都设为0。 以em设置导航列表的宽度。.nav{width:8em;} 讲锚的display属性设置为block，这样就可以给 阅读全文
posted @ 2017-12-28 22:27 蔸蔸猫的博客 阅读(455) 评论(1) 推荐(0)
用纯CSS画大白
摘要：纯CSS打造网页大白知识点： 首先要把大白分割，整体baymax中包含header（eye1,eye2,mouth），torso（heart），belly（cover），l-bigfinger,r-bigfinger，l-smallfinger，r-smallfinger，l-leg，r-leg。 阅读全文
posted @ 2017-12-28 17:02 蔸蔸猫的博客 阅读(1026) 评论(0) 推荐(0)
css中的相对定位与绝对定位
摘要：之前说过了CSS有三种基本的布局机制：普通流、浮动和绝对定位。除非专门指定，否则所有的框都在普通流中定位。而普通流中元素框的位置由元素在HTML中的位置决定。 相对定位 相对定位实际上被看做普通流定位模型中的一部分，因为它是通过设置垂直或者水平位置，让这个元素相对于它原来的位置移动。而且，虽然它从原 阅读全文
posted @ 2017-12-28 16:14 蔸蔸猫的博客 阅读(401) 评论(0) 推荐(0)
JavaScript图片库(简单的应用案例)
摘要：这个图片库小例子的效果如图所示，点击网页上某个图片链接时你将看到两种效果：占位符图片呗替换成这个链接所指向的图片，同时描述性文字也被替换为这个链接的title属性值。 这个图片库小例子的效果如图所示，点击网页上某个图片链接时你将看到两种效果：占位符图片呗替换成这个链接所指向的图片，同时描述性文字也被 阅读全文
posted @ 2017-12-26 19:27 蔸蔸猫的博客 阅读(475) 评论(0) 推荐(0)
浮动（float）与清除浮动（clear）
摘要：上一篇中我们了解了块级元素与内联元素，今天将自己查阅的资料整理写出来，与大家一起理解什么是浮动，以及怎样清除浮动，本文以div元素为例。 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。浮动元素是脱离文档流的，漂浮在文档流 阅读全文
posted @ 2017-12-26 19:26 蔸蔸猫的博客 阅读(914) 评论(0) 推荐(0)
CSS中的块级元素（block）与行内元素（inline）
摘要：css中有3种基本的定位机制：普通流（相对定位实际上看做普通流定位模型的一部分）浮动（float）绝对定位（固定定位是绝对定位的一种）所以在学习浮动之前，我们先要了解块级元素与内联元素（行内元素）。块级元素：块级元素一般当做容器使用，既可以容纳内联元素也可以容纳块级元素，例如div和p。常见的块级元 阅读全文
posted @ 2017-12-26 19:25 蔸蔸猫的博客 阅读(3498) 评论(0) 推荐(0)
盒模型——标准盒模型与怪异盒模型
摘要：盒模型是CSS中一种重要的思维模型，理解了盒模型才能进行更好的页面布局。顾名思义，我们把页面上所有的元素都看做是一个生活中常见的盒子，它具备内容（content），内边距（padding），边框（border），外边距（margin）四个属性，也就是我们所谓的盒模型。 让我们俯视这个盒子，它有上下左 阅读全文
posted @ 2017-12-26 19:24 蔸蔸猫的博客 阅读(1330) 评论(0) 推荐(0)