在前端页面的布局方面,很多时候需要用到垂直居中,如果父集元素或子元素的高度是固定的那么垂直居中可以用line-height或者定位 top:50%;margin-top:- height/2 px;实现,那么如果父元素的高度和子元素的高度都不是固定值呢? 下面就总结一下使用css进行垂直居中布局的方 ...
分类:
Web程序 时间:
2017-09-04 13:30:03
阅读次数:
243
圣杯布局(float + 负margin + padding + position) 双飞翼布局(float + 负margin + margin) flex布局 一样效果,不一样的布局。如下: ...
分类:
Web程序 时间:
2017-09-04 11:54:07
阅读次数:
192
如何快速开发一个漂亮的网站?包括前端的设计,css布局等 网站开发看起来简单,但是做起来很乱,对于个人来说尤其如此。比如,需要ps,css,html,js,java等知识,有什么好的办法,可以快速的开发一个网站的前端? 如今有很多快速开发平台:图形化可视化操作,所见即所得;通过拖拉即可完成表单、流程 ...
分类:
Web程序 时间:
2017-08-31 16:05:34
阅读次数:
304
具体描述:右列定宽,左列自适应,窗口缩到一定程度左列宽度不变且出现滚动条。 题干: 方法1: 方法2: ...
分类:
Web程序 时间:
2017-08-29 20:41:15
阅读次数:
168
css盒子模型是为了让我们充分理解div+css模型的定位功能,盒子模型在学习div+css布局方式中必须要学习的一个模型。 那什么是css盒模型呢? 网页设计中常听到的属性名:内容(content)、填充(padding)、边框(border)、边界(margin)。css盒模型都具备这些属性。这 ...
分类:
Web程序 时间:
2017-08-28 23:52:30
阅读次数:
282
今天写了个简单的页面,再熟悉了一下div+css布局,写的还可以,以后还要多练习。此外还进一步学习了定位相关知识。 1、相对定位: 相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用: 1) 微调元素 2) 做绝对定位的参考,子绝父相 2、绝对定位: 绝对定位的参考点,如果用t ...
分类:
其他好文 时间:
2017-08-27 00:17:00
阅读次数:
206
一. 简单来说,img是内容部分的东西,css的background-image是修饰性的东西。 img 从页面元素来说,如果是页面中的图片是作为内容出现的,比如广告图片,比如产品图片,那么这个必然是用img了,因为这个是页面元素内容。页面元素内容最关键的一点就是,当页面没有样式的时候,还是能一眼看 ...
分类:
其他好文 时间:
2017-08-26 15:57:21
阅读次数:
184
前言 本系列是基于React Native版本号0.44.3写的。RN支持CSS中的布局属性,因此可以使用CSS布局属性,这里就不详细地讲解了,这篇文章的重点主要是讲述一下RN中的Flex布局。 CSS属性布局 视图边框 何时使用? 想要设置自己周边有边框的时候 注意点:一定要设置边框宽度 尺寸 外 ...
分类:
其他好文 时间:
2017-08-25 01:14:33
阅读次数:
170
给body添加 overflow: hidden; 可以将页面所有的 滚动条隐藏,但必须要给body 设置一个高度 父元素必须要设置 position:relative 必须设置 width 与 height 且不能用百分比 父层如果是图片,要使用 background: url(bg.jpg) n ...
分类:
Web程序 时间:
2017-08-23 23:03:56
阅读次数:
283
1、css、html、js等分类放入一个文件夹 2、<table><caption>表格标题</caption></table> <tr><th scope="row">行表头</th></tr> <tr><th scope="col">列表头</th></tr> 不写scope的属性的话默认为行表 ...
分类:
Web程序 时间:
2017-08-23 21:47:15
阅读次数:
152