在前端开发中,图片垂直居中对奇是很常见的,有些是固定高度,有些没有固定高度,本文分享我用的四种方法,希望对你有所启发。 以下说的做法暂不考虑IE浏览器的兼容性,适用于移动端 以下的做法中假定外层的高度和宽度已经固定。通用HTML和CSS代码: 1.相对定位+margin:auto 利用图片相对于外层 ...
分类:
其他好文 时间:
2017-09-25 22:07:00
阅读次数:
154
第三部分——feature 简要介绍: 这部分比较简单。主要用<p>元素写了两句话。用一张图片设置背景。 页面效果: HTML代码: CSS代码: ...
分类:
Web程序 时间:
2017-09-24 20:32:53
阅读次数:
208
第二部分——headerwrap 简要介绍: 本部分有两个标题<h1><h2>,两个<input>元素,还有无序列表<ul>和链接<a>实现的5个链接。 页面效果: HTML代码: CSS代码: 总结: 这部分的实现过程中没有遇到大问题。 ...
分类:
Web程序 时间:
2017-09-24 20:21:07
阅读次数:
277
一、html需掌握的: 二、css需要掌握的第一部分:查找标签 1.css三种导入方式: 1.行内式:常用在网站页面最下端,网站的介绍中 缺点:html与css代码杂糅在一起,耦合性太强 2.嵌入式:<style></style> 3.链接式:<link rel="stylesheet" href= ...
分类:
编程语言 时间:
2017-09-22 22:25:26
阅读次数:
192
判断终端并对相应的终端进行不同处理方法(函数) 附:jQuery处理背景图片不能撑满屏幕: 这样css代码就不用写高度了,但是要加上几句css: ...
分类:
移动开发 时间:
2017-09-21 13:27:28
阅读次数:
152
逆流而上 象棋游戏 代码规范 一、前言: 本编程规范适用于编写HTML/CSS代码,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下应灵活应对,做到变通。 二、HTML编码: HTML是一种标记语言,HTML没有任何真正的编程语言中的循环或是流程控制语句。然而,HTML代码的格式和风格是非常 ...
分类:
其他好文 时间:
2017-09-20 23:17:17
阅读次数:
303
By: Ziyang Chan 前几天,我刚刚接触博客园这个东西,东西挺新鲜,有点意思。甚至可以修改自己页面的HTML与CSS代码,实现个性化,这也是我所喜欢的,过几天我会发布相关的设计与操作。今天,我来谈谈如何用Word发布文章到博客园。 1.为什么要用Word发布博文? ① Word用习惯了,哈 ...
分类:
其他好文 时间:
2017-09-20 22:07:36
阅读次数:
260