原文链接](http://www.cnblogs.com/yaliu/p/5190957.html) 浮层水平垂直居中方法 (一)利用绝对定位与transform 将父元素定位(relative),子元素如下 (二)利用flexbox ...
分类:
Web程序 时间:
2018-06-04 19:14:16
阅读次数:
255
cp: https://blog.csdn.net/zengyonglan/article/details/53304487 2. 清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法 ? 一.什么时候需要清除浮动? 我们对元素进行了浮动(float)时,我们的元素就会脱离文档流,像一只小船一样漂流 ...
分类:
Web程序 时间:
2018-06-04 19:13:57
阅读次数:
206
讲一讲CSS的position/float/display都有哪些取值,它们相互叠加时的行为都是什么? 列出display的值,说明他们的作用。position的值, relative和absolute分别是相对于谁进行定位的? CSS中position和display理解 CSS定位布局displ ...
分类:
Web程序 时间:
2018-06-04 19:13:30
阅读次数:
314
pdding是内边距,是盒子的边与盒子内部元素的距离;margin是盒子的外边距,即盒子与盒子之间的距离 padding说明: 检索或设置对象四边的内部边距。 如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。 如果只提供一个,将用于全部的四边。 如果提供两个,第一个用于上、下,第二个用于 ...
分类:
Web程序 时间:
2018-05-30 19:14:06
阅读次数:
484
1.小米最上部导航栏设置 2.导航栏定位问题(position) 有3种方式: 相对定位 固定定位 绝对定位 2.1相对定位(relative) 相对自己原来的位置进行定位,自己原来的位置作为参考点 使用relative下的top,left进行定位 使用相对定位可以来进行后续表单位置设计 2.2绝对 ...
分类:
移动开发 时间:
2018-05-25 23:31:49
阅读次数:
282
1.盒模型 "box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。这里重点学习标准模型。 盒模型示意图: 盒模型属性: width:内容的宽度 height: 内容的高度 padding:内边 ...
分类:
Web程序 时间:
2018-05-25 01:34:36
阅读次数:
258
1.css优先级以及继承 css具有两大特性:继承性和层叠性 继承性 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 有一些属性是可以继承下来 : color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。 但是像一些盒子元素属性,定位的元 ...
分类:
Web程序 时间:
2018-05-24 21:17:03
阅读次数:
270
在html使用的css有三种: css主要用来对网页的格式进行美化,并且负责大部分的样式。 主要优点: 1,使数据和显示分开, 2,降低网路流量, 3,使整个网站视觉效果一直 4,提高开发效率 三大样式使用方法: 1,行内样式 在代码行之间直接书写样式,并且此方法书写得样式优先级最高 <p styl ...
分类:
Web程序 时间:
2018-05-22 18:35:20
阅读次数:
201
CSS水平居中text-align:center是前端工程师的基本功,我在项目中经常遇到CSS水平居中的需求,这篇教程将我以往用过的9种CSS实现水平居中的方法总结出来,也方便日后再用到时回顾。工具/原料CSStext-align:center方法/步骤1.通过margin:0auto;text-align:center实现CSS水平居中。这种方法是实现CSS水平居中最最常用的,我在前端开发中大概
分类:
Web程序 时间:
2018-05-11 10:42:06
阅读次数:
199
BootStrap: Web前端CSS框架; BootStrap是基于HTML,CSS,JavaScript的. 由它设计页面可以在手机,pad,pc都可以按照预定义好的不同样式直接访问. BootStrap官网 准备工作: 1.下载BootStrap; 2.将BootStrap中的文件夹(css& ...
分类:
其他好文 时间:
2018-04-26 23:22:54
阅读次数:
191