本文简单的讲解了如何使用css3实现简单的响应式布局:html5文件:
index01</titl...
分类:
Web程序 时间:
2016-05-12 19:55:36
阅读次数:
211
今天在修改学费缓交界面的时候遇到了一个小小的问题,发现不同的浏览器中 的宽度不同,然后我用了text-align:justify;还是没有解决问题,添加了span容器限宽也是没用,百度的方法总是不管用。最后使用table表格完成了对齐,总觉得有一点点瑕疵,有点不爽,保留问题,以后再接在里。 ...
分类:
其他好文 时间:
2016-05-11 23:12:57
阅读次数:
147
media query即媒体查询,是响应式布局不可获缺的一部分。 CSS3中的media query增加了更多的媒体查询,这样在CSS3中我们可以在不改变页面表达内容的情况下,添加各种表达式来设置不同类型的媒体条件,来调整页面布局来适应各种不同设备。 media query有两种设置方式: 1.直接 ...
分类:
Web程序 时间:
2016-05-10 18:47:27
阅读次数:
244
今天github 排行榜上突然出现了 谷歌最新推出的Android 最新控件FlexboxLayout 。
FlexboxLayout 究竟是什么东西呢?
fexbox 也称为盒子模型,广泛用于前端开发,做过前端 web 的都知道
Bootstrap 中有一套强大的 CSS 网格样式。
Bootstrap 的出现 大大...
分类:
移动开发 时间:
2016-05-08 06:49:53
阅读次数:
436
1.响应式图片 在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。 如果需 ...
分类:
其他好文 时间:
2016-05-03 18:00:45
阅读次数:
170
这篇文章分享的是几款非常优秀的、值的花钱购买的收费wordpress中文主题。主题作者的网站用的就是各自开发的wordpress主题。
这些主题设计简洁、精美,功能齐全,兼容性好,响应式布局,各类小工具,强大的后台。
最重要的是,这些wordpress中文主题的作者是在一直持续不断的更新维护他们的主题,在不同的市场环境和技术背景之下,他们也会采用不同的技术和设计来升级他们的主题,购买之后,将会...
分类:
Web程序 时间:
2016-05-03 07:08:07
阅读次数:
1374
1.响应式布局: <link rel="stylesheet" href="1.css" media="screen and (min-width:1000px)"> <style> @media screen and (min-width: 600px) { .one{ border:1px so ...
分类:
Web程序 时间:
2016-05-01 12:12:49
阅读次数:
285
Mediaquery是CSS3中的新特性,通过@media规则,它允许一段CSS代码在特定条件下才生效。什么意思?看下面代码@media(max-width:320px)
{
#footer
{
font-size:13px;
}
}只有当浏览器宽度小于320px时,#footer的字体大小才会设置为13px--------------------------以前我们可能要..
分类:
其他好文 时间:
2016-04-30 01:17:09
阅读次数:
819
在去年的这个时候写过关于bootstrap的相关文章(见:bootstrap2学习1:基本CSS样式),然后就搁置了,原因是因为当时对bootstrap的了解不深,并且当时v2版本对响应式设计的不是非常好。如今,bootstrap的v3版本很早就出来了,现在又拿出来老调重弹一次。 这次学习boots ...
分类:
其他好文 时间:
2016-04-28 14:17:20
阅读次数:
199
padding值的区别:1、四个值:上 右 下 左2、三个值:上 左右 下3、两个值:上下 左右4、一个值:上下左右 响应式布局:一般用em为单位 postion定位 三种定位机制:1、普通流(标准流)2、浮动 3、绝对定位(脱离文档流) static:静态定位(无定位)relative:相对定位 ...
分类:
Web程序 时间:
2016-04-20 23:47:12
阅读次数:
230