一、对网页整体布局，分几个版块 如下图所示： 确定布局之后，规划好网页，准备素材，按照标准文档流的顺序，从上到下，从左到右写入代码。 以上图为例，分为两部分，红色的主体部分和页脚。主体部分分割为头部、左边和右边三部分。对于每一个div和其css样式，写明注释，标明开始和结束！可参照论文标题的分级，1 ...
分类：
编程语言 时间：
2016-11-12 01:47:25
阅读次数：
316
1. 概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化。 存在方式有三种：元素内联、页面嵌入和外部引入，比较三种方式的优缺点。 语法：style = 'key1:value1;key2:value2;' 行内式： 在标签中使用 style='x ...
分类：
Web程序 时间：
2016-11-11 11:56:17
阅读次数：
240
1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed) 绝对定位 设置position:absolute(表示绝对定位)，作用将元素从文档流中拖出来，然后使用left、right、top、bottom ...
分类：
Web程序 时间：
2016-11-10 19:42:54
阅读次数：
279
负边距在布局中的使用 负边距在布局中的使用 负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:rel ...
分类：
其他好文 时间：
2016-11-10 02:30:19
阅读次数：
242
负边距在布局中的使用 负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:relative的元素设置t ...
分类：
其他好文 时间：
2016-11-09 22:19:29
阅读次数：
167
负边距在布局中的使用 负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:relative的元素设置t ...
分类：
其他好文 时间：
2016-11-07 22:02:52
阅读次数：
315
static：静态定位是position的默认值，元素框正常生成，也就是没有定位时的正常显示。 relative：相对定位 用法一：元素相对自身的原位置偏移某个距离，但是原本的空间依旧保留，表现为空白。 用法二：把一个元素设置为position: relative; 可以使该元素的子元素相对该元素绝 ...
分类：
Web程序 时间：
2016-11-06 11:26:09
阅读次数：
177
position俗称定位，主要取值及作用如下： static 默认值。没有定位，出现在正常文档流中 absolute 绝对定位，相对于position为absolute、relative、fixed的第一个父元素进行定位 relative 相对定位，相对于其正常位置进行定位 fixed 绝对定位，相 ...
分类：
其他好文 时间：
2016-11-04 09:38:20
阅读次数：
171
当我们利用CSS中的float来进行浮动定位时，浮动的元素会脱离原来的文档流。容器的高度不能自动变化以适应其中内容的高度的变化，我们希望父容器能包含子容器，因此解决方法为闭合浮动。 如果没有闭合浮动则会出现以下情况： 一： 如果前面的元素浮动了，后面的元素可能会受影响，解决这个问题可以设置后面的元素 ...
分类：
其他好文 时间：
2016-11-03 23:19:07
阅读次数：
427
使多个块元素并排显示： ①inline-block:内敛块，不占一行，但可以设置宽高属性，将块元素的display设置为inline-block，可以让多个div块横向显示。但是该用法下多个块之间会出现空格，是由于相邻两个</div>与<div>之间的换行符引起的，空格的清除办法： ②浮动： 文档流 ...
分类：
其他好文 时间：
2016-10-31 21:25:25
阅读次数：
276
