摘要：
定位： 定位分为三种： position：static（默认值） relation（相对定位）：进行较小偏移，不会脱离文档流，原位置保留 absolute（绝对定位）：脱离文档流，不占据页面空间，变成块元素，服从最近的相对定位元素 ——margin：auto则失效 fixed（固定定位）：脱离文档流 阅读全文
摘要：
之前在做背景图片的时候遇到了一个困难，无法将背景图片完整的占满整个屏幕， 后来网上冲浪找到了背景图片完整铺满的方法 <body class="bgimg"> </body> .bgimg{ background-image: url(img/58bg.jpg); ——插入背景图片 backgroun 阅读全文
摘要：
首先建立一个盒子： <div class=“box”> </div> 盒子样式: .box{ width: 300px; height: 400px; margin: 20px auto; box-shadow: 0px 0px 50px #f00 inset; ———box-shadow表示设置盒 阅读全文
摘要：
浮动（float） float-right（left+top+bottom） 分别是右浮动左浮动上浮动和下浮动， 浮动会在某些时候带来一定影响，所以需要 清除浮动：clear：none（默认值） ——只有被浮动影响的标签才可以用，使用后该标签无法再浮动 left（清除左浮动） right ... 实 阅读全文
摘要：
导航条的制作HTML代码：<nav> <ul> <li> <a href="#"></a> </li> <li> <a href="#"></a> </li> </ul> </nav> 以上是导航条制作的基本格式，接下来是css样式 去除li带来的小黑点: li{ list-style: none; 阅读全文
摘要：
之前有个尴尬的事情发生，我不知道如何将文字放在图片右边，我想了个麻烦且愚蠢的办法，后来才知道只需要将图片居左就可以达到效果.....不说了看下面 需要实现的效果： 很简单， <img src="img/liuxiang.jpg" align="left"/> 标红的标签，就能将你的文字显示在图片右边 阅读全文
摘要：
实现效果如图： 首先来看布局，头部图片，内容从左到右分为四个部分 勾选+商品图片+商品名/买家+价格， 所以需要将头部用<td>包括起来，并且设置<td colspan="4">,意思是将内容设置四个列， 来看看不设置的效果： 将所有内容都挤出去了，在表格中这一标签是很重要的， 设置勾选： <td> 阅读全文
摘要：
通过盒子模型（box），可以实现各种小图形，接下来实现如下效果： 首先将这颗树分为四个部分，头部-top；中间-middle；底部-bottom；树干-tree， 用大盒子将这四个部分包括起来，就是这样： <div class="box"> <div class="top"></div> <div 阅读全文