文档层，每一个放置内容的元素内部都会有一个文档流的规则，即内部的内容若不是浮动或定位的元素，将会按照从左到右，从上到下的规则来排列，块元素将会独占一行，剩下文本或是行内元素则排满一行，再排下一行。 在文档层中，元素或内容摆放位置，主要是通过padding、margin属性来移动位置，其中margin ...
分类：
Web程序 时间：
2017-04-08 16:53:56
阅读次数：
226
css分为三种写法，内嵌样式表和行内样式表，这种不推荐。外链式写法：<link rel="stylesheet" href="1.css"> 块元素转换为行内元素：display:inline;行内元素转为块元素：display:block;块和行内块元素转为行内块元素：display:inline ...
分类：
Web程序 时间：
2017-04-08 09:46:26
阅读次数：
206
水平居中有两种情况： 子元素，父级元素都是块级元素的时候，子级元素{margin:0 auto}。需要注意的是当子级元素的position为非默认及relative时，这种设置会失效。 如p等标签中内的文字内容水平居中:使用{text-Align:center}。垂直居中设置该元素的行高等于元素的高 ...
分类：
其他好文 时间：
2017-04-05 13:43:04
阅读次数：
169
2、块元素（等）设置margin: 0px auto无效，因为其本身就占了整行。要使其文字居中，要用text-align: center 3、 两者等价，但width=“300px”会抛出一个错误 5、一个页面中只能有一个autofocus属性 6、不会改变其中的字体大小 7、margin: 0px... ...
分类：
其他好文 时间：
2017-04-03 01:02:13
阅读次数：
163
垂直居中是CSS布局中十分常见的布局效果，在平时的工作中遇到的垂直居中布局大概分为以下的几类： 1，首先是单行文本居中，非常简单，只需要设置父级元素的高和行高相等，或者设置本身元素为内联块或者块元素，再设置高和行高相等就可以。 效果如下： 2，第二种遇到比较多的就是多行文本和图片以及按钮，类似这种。 ...
分类：
Web程序 时间：
2017-03-26 18:45:37
阅读次数：
270
有两种创建水平导航栏的方法。使用行内或浮动列表项。 如果您希望链接拥有相同的尺寸，就必须使用浮动方法。 1、构建水平导航栏的方法之一是将 <li> 元素规定为行内元素： display:inline; - 默认地，<li> 元素是块元素。在这里，我们去除了每个列表项前后的换行，以便让它们在一行中显示 ...
分类：
Web程序 时间：
2017-03-26 18:20:19
阅读次数：
269
注意事项：在IE6,7元素浮动要并在同一行的元素都要加浮动。 IE6下上边距BUG IE6下，块元素有浮动和横向的margin，横向的margin值会被放大成两倍 IE6，7下li下几个PX的间隙问题 在IE6，7下li本身没浮动，但是内容浮动了li下就会多出几个px 解决方法： 1、给li加浮动。 2、给li..
分类：
其他好文 时间：
2017-03-25 21:19:04
阅读次数：
150
今天是2017年3月23日 1 复习昨天知识 1.1浮动 Float:left | right 特点: ->浮动的元素不占位置(脱标) ->可以将行内元素转化为行内块元素 ->块级元素在一行上显示 ->设置了浮动的元素,影响其后面的元素 作用: 解决了文字图片环绕问题 制作网页导航栏 网页布局 清除 ...
分类：
Web程序 时间：
2017-03-23 13:42:12
阅读次数：
195
首先我们大概区分下 inline与inline-block、block的区别， 官方定义如下： inline：内联元素，从左到右依次排列，宽度高度由内容决定； block：块级元素，独占一行，可以设定宽高； inline-block：内联块元素，从左到右依次排列，可以设定宽高。 这里我们需要注意的地... ...
分类：
其他好文 时间：
2017-03-18 00:42:53
阅读次数：
187
开始输入内容之前要规划好Web页面的结构。首先画出一个草图，然后创建一个略图，最后再写出HTML。 规划页面时，首先设计大的块元素，然后用内联元素完善。 记住，要尽可能使用元素来告诉浏览器你的内容的含义。 一定要使用与内容含义最接近的元素。例如，如果需要一个列表，就不要使用段落元素。 <p>、<bl ...
分类：
其他好文 时间：
2017-03-17 17:56:10
阅读次数：
163
