本文将简单叙述元素居中的基本方法。 代码区： 正文 一、需要进行水平居中的元素分类： 1，行内元素（不定宽）。 2，定宽块元素。 3，不定宽块元素。 二、基本居中方式： 1，行内元素：text-align：center； 2，定宽块元素：margin：0 auto； 三、不定宽块元素： 1.转化为定 ...
分类：
Web程序 时间：
2016-07-30 22:19:01
阅读次数：
226
1. 常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2) 内核：Trident，Gecko，Presto，Webkit。2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）( ...
分类：
Web程序 时间：
2016-07-30 00:32:01
阅读次数：
242
一、前言 经过第一天的练习后完成的页面的快速导航、顶部广告、搜索栏今天将继续完成下面的页面。 二、引入 在一般的情况下页面是从左到右，从上到下依次进行布局的。可是由于可以将通用的样式封装以便于后面的使用所以今天我们完成页面的最下面部分。 三、重点内容 在布局的时候，相邻的行内块元素之间默认有几像素的 ...
分类：
其他好文 时间：
2016-07-25 01:47:15
阅读次数：
151
1.1 相邻行内块元素的间距问题 布局的时候，相邻的行内块元素之间默认有几像素的外间距。 只能用浮动来解决这个问题。 1.2 Border-radius: 边框半径 有四个值：左上，右上，右下，左下 四个值为元素宽度或是高度的一半的时候，会将元素变成圆形或是椭圆形，峰值只能到达宽度或是高度的一半。 ...
分类：
其他好文 时间：
2016-07-25 01:38:41
阅读次数：
103
11. 标准流中的间距问题 布局的时候，我们会遇到以下几种情况： 1. 相邻的行内块元素之间有默认几个像素的间距； 2.行内元素之间会出现空格合并现象； 当遇到上述情况时，需要使用浮动来将这些多余的间隔清除，使布局更加紧凑。 12. border-radius 设置边框半径 此属性为css3中的，可 ...
分类：
其他好文 时间：
2016-07-25 00:08:20
阅读次数：
181
1 background（复合属性）与font（复合属性）: background: 颜色 图片的链接 是否平铺 背景位置 是否滚动。（可以随意调动或省略） Font: 粗度 字体风格 字体大小/行高 字体样式 字体大小和样式不可省略 2 行内块的间距问题 行内块元素相邻时，行内块元素之间会有几像素 ...
分类：
其他好文 时间：
2016-07-25 00:01:29
阅读次数：
314
<display>这个标签个人觉得挺强大的，但是用不好的话就会成为个累赘，下面给大家分享一下他的几个属性。 none:表示此元素不会被显示。 block：此元素将显示为块元素，前后会换行。（此属性可以用来去除图片自带的3px的问题） inline：此元素将显示为行元素，前后不会换行。 inline- ...
分类：
其他好文 时间：
2016-07-23 18:15:36
阅读次数：
235
水平居中 若为行内元素，对其父元素用text-align:center即可； 若为块元素（无浮动），则一般有两种方法可实现对其的水平居中，一为margin:0 auto;二为通过css计算函数calc； 垂直居中 若为行内元素，一般对其父元素用line-height:{height}即可，若为图片元 ...
分类：
Web程序 时间：
2016-07-19 13:29:13
阅读次数：
139
水平居中 若为行内元素，对其父元素用text-align:center即可； 若为块元素（无浮动），则一般有两种方法可实现对其的水平居中，一为margin:0 auto;二为通过css计算函数calc； 垂直居中 若为行内元素，一般对其父元素用line-height:{height}即可，若为图片元 ...
分类：
Web程序 时间：
2016-07-19 09:28:53
阅读次数：
224
说inline-block(行内区块元素)之前，先说下他另外的2个兄弟 display:inline; 内联元素，简单来说就是在同一行显示。他没有高度，给内联元素设置width和height是没效果的。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。同时可以设置宽高。 ...
分类：
其他好文 时间：
2016-07-18 03:27:44
阅读次数：
194
