angus.dai的博客

使用场景 <table> 最常用的也是最正确的使用方法是制作表格，由于其对占据的空间有着划分的作用，便可以使用<table> 来布局。 使用 <table border="1" cellspacing="0" cellpadding="0" style="width: 100%;"> <tr> <td>1</...

什么是flex 使用flex的元素就叫做容器，容器默认存在2条轴线，主轴线（main axis)和垂直的交叉轴线(cross axis)。轴线开始的位置被叫做main/cross start，结束的位置被叫做main/cross end。项目是沿着主轴线开始、结束方向排列的。 知识点 1、flex-direction 设置容器的主轴方向和主轴的起点 flex-direction: row; ...

浮动定位 我们在写页面的时候会经常使用浮动定位 <div class="container"> <div class="item"></div> <div>Pea horseradish azuki bean lettuce avocado asparagus okra.</div> </div> .co...

背景 现在有很多网页的布局都分为头部、内容、尾部三部分，其中内容模块又是左侧比较多，右侧内容比较少。在页面滚动时，内容右侧在滚动到看不见头部的时候就固定住，继续滚动时位置也不再发生改变。 效果图 这种布局看上去很酷，其实实现起来也很简单，下面我就用jq来实现这种布局。 上代码 先把html和css布局代码直接给出来 <!-- 头部 --> <header class="hea...