霍者博客

欢迎访问霍者博客(微信hylg1234)最新发布 练习题合集 软件合集 视频合集

HTML5的<meta>标签详解

定义针对搜索引擎的关键词:

<meta name="keywords" content="meta,red" />

定义对页面的描述:

<meta name="description" content="这是meta教程" />

定义页面的最新版本:

<meta name="revised" content="bu, 2016/5/10/" />

每 5 秒刷新一次页面:

...

APP 安卓UI设计尺寸的相关问题

问:安卓UI设计初始尺寸到底用多大合适?

答:用720px *1280px比较合适。

问:为什么呢?安卓尺寸很多,比如480x800,720x1280,1920x1080,为什么不用480x800和1920x1080?

答:

1、因为这个尺寸在目前属于主流尺寸,设计师只需要做一套UI,然后让前端工程师去给其他手机适配就可以了。

2、另外UI在安卓机上显示时会存在是否清晰以及是否加载太慢的问题。如果选择480x800,那么像素相对较低,选择1920x1080又会加载太慢。

...

详解display属性

首先,所有主流浏览器都支持 display 属性。其次,我们都知道display 属性规定元素应该生成的框的类型。默认值:inline

我们常用的display属性值有:

  1. inline

  2. block

  3. inline-block

  4. none

...

关于行内元素浮动后显示块级元素部分属性的问题

我们都知道行内元素(inline element)是不支持宽高的,比如strong,span,a,img等,而块级元素是支持宽高的,问题就来了,如果给行内元素加浮动会有什么变化?

很显然,在加了浮动后行内元素变成了块级元素了,也就支持了宽高,平常大家都知道给行内元素加上display:block;后可以让其支持宽高,而当行内元素浮动后变成块级元素大家可能会忽视;当然行内元素变成了块级元素后还是和我们普通的块级元素是有点区别的,普通的块级元素是自动撑开父级宽度的,而行内元素变成块级元素后是里面的内容撑开其高度。也就说,如果上图“没有加浮动”这几个字去掉的话,demo1这个标签就不显示了。

...

58集团发布全新Logo 生活服务成未来重点

58集团今日对外宣布启用全新四色集团Logo,并发布新集团架构。同时58集团宣布品牌战略、产品战略、平台战略全面升级,未来集团将实现分类信息领域到生活服务全领域的全面跨越。

去年58同城与赶集网合并之后,58同城就开始强化其招聘、房产、汽车、O2O等业务。过去的一年中,58同城公开宣布的投资就接近10起。目前,58同城旗下包含58同城、赶集网、中华英才网、安居客、58到家,以及新近成立的58同城·影业等子品牌,业务领域重点覆盖房产、汽车、招聘、金融、二手、O2O生活服务、影视投资等。

...

CSS常用浮出层的写法

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧!

是的,我们即将实现的就是以上功能,是不是很生动?

贴上HTML:

...

使用HTML5的十大原因

第十大原因:易用性

俩个原因使得使用HTML5创建网站更加简单:语义上及其ARIA。新的HTML标签像<header>, <footer>,<nav>,<section>,<aside>等等,使得阅读者更加容易去访问内容。在以前,即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。

...

简单谈谈网页的自适应

自适应网页设计,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验。那如何做呢?下面就谈谈这个问题。

1、在HTML头部增加viewport标签。

在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:

<meta name="viewport" content="width=device-width, initial-scale=1" />

这段代码支持Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。

...