开始我们今天的项目学习啦~~~~~~ 1> 第一步当然是创建项目啦: 进入终端: 创建ViewDemo项目 命令如下啦,你看懂了对吧...嘻嘻!!! 2>View的介绍和运用 项目安装创建成功后,用webStorm打开项目,开始编写代码看效果啦~~~ 使用StyleSheet.create来集中定义 ...
分类:
其他好文 时间:
2016-09-16 11:22:09
阅读次数:
241
Mobi.css是一个专用于手机的轻量灵活的CSS框架(基础教程qkxue.net)。 介绍 1. 压缩后只有3.6kb,低于Skeleton, Pure.css , Bootstrap v4等。 2. 大量使用 flexbox,非常灵活,主页自定义样式少于10行。 3. 专用于手机,桌面显示手机界 ...
分类:
Web程序 时间:
2016-09-14 09:36:09
阅读次数:
261
第 29章 CSS3弹性伸缩布局[上]学习要点:1.布局简介2.旧版本 本章主要探讨 HTML5中 CSS3提供的用来实现未来响应式弹性伸缩布局方案,这里做一个初步的了解。一.布局简介CSS3提供一种崭新的布局方式:Flexbox布局,即弹性伸缩布局模型(Flexible Box)。用来提供一个更加 ...
分类:
Web程序 时间:
2016-09-11 17:03:45
阅读次数:
192
最近这些天都在弥补css以及css3的基础知识,在打开网页的时候,发现了火狐默认首页上有这样一个东西。 第一个css属性就没有看懂。于是乎,开始各种找资料,各种看书。这些天把对于css3伸缩布局盒(flexbox)模型的理解写成博文,目的是对flexbox做一个简单的介绍。 以下的内容会分为如下小节 ...
分类:
Web程序 时间:
2016-09-11 12:39:41
阅读次数:
455
本期为第一期的熊二周刊 Javascript Javascript 箭头函数简述 h5 页面切图 正则表达式大全 CSS Flexbox in 5 is a quick tutorial that steps you through high level flexbox understanding. ...
分类:
其他好文 时间:
2016-09-11 01:26:40
阅读次数:
160
1 //中间留空,两侧靠边,多行显示,每行3个,一个li的宽度是30%,最后一行,如果是两个的时候会出现异常布局,可以对最后一行的最后一个li进行right:35% 2 .title ul{ 3 list-style-type: none; 4 position: relative; 5 overf ...
分类:
其他好文 时间:
2016-09-07 19:00:30
阅读次数:
135
Flexbox布局( Flexible Box 或CSS3 弹性布局),是CSS3中的一种新的布局模式,是可以自动调整子元素的高和宽,来很好的填充任何不同屏幕大小的显示设备中的可用显示空间,收缩内容防止内容溢出,确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易,可以使用更少的代码,更 ...
分类:
其他好文 时间:
2016-09-06 13:53:08
阅读次数:
119
一:理论知识点 1:什么是FlexBox布局? 弹性盒模型(The Flexible Box Module),又叫Flexbox,意为“弹性布局”,旨在通过弹性的方式来对齐和分布容器中内容的空间,使其能适应不同屏幕,为盒装模型提供最大的灵活性。 Flex布局主要思想是:让容器有能力让其子项目能够改变 ...
分类:
其他好文 时间:
2016-09-05 17:04:59
阅读次数:
143
flexbox布局(RN基础)flexbox是Flexible Box的缩写, 弹性盒子布局 主流的浏览器都支持flexbox布局是伸缩容器(container)和伸缩项目 (item)组成Flexbox布局的主体思想是元素可以改变大小以适应可用空间, 当可用空间变大, Flex元素将伸展大小以填充... ...
分类:
其他好文 时间:
2016-09-03 00:59:06
阅读次数:
251