随笔分类 -  1-5、HTML&CSS

HTML,CSS,HTML5,CSS3.0,响应式布局
摘要:除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT ope... 阅读全文
posted @ 2015-03-03 21:18 Tony.J 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2014-12-05 23:56 Tony.J 阅读(1160) 评论(0) 推荐(0) 编辑
摘要:在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采... 阅读全文
posted @ 2014-12-05 23:54 Tony.J 阅读(2751) 评论(0) 推荐(0) 编辑
摘要:地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome 浏览器为例,如果您允许 Chrome 浏览器与网站共享您的位置,Chrome 浏览器会向 Go... 阅读全文
posted @ 2014-11-20 15:20 Tony.J 阅读(390) 评论(0) 推荐(0) 编辑
摘要:除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目 范例 说明 ! [if !IE] The NOT operator. This is placed immediately in fro... 阅读全文
posted @ 2014-11-14 15:50 Tony.J 阅读(314) 评论(0) 推荐(0) 编辑
摘要:飞龙天惊 cnblog URL:http://www.cnblogs.com/fly_dragon/Html5 学习系列(一)认识HTML5http://www.cnblogs.com/fly_dragon/archive/2012/05/22/2513716.htmlHtml5 学习系列(二)HT... 阅读全文
posted @ 2014-11-12 11:26 Tony.J 阅读(363) 评论(0) 推荐(0) 编辑
摘要:转自:http://www.cnblogs.com/yuzhongwusan/archive/2011/11/17/2252208.html HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet ap... 阅读全文
posted @ 2014-11-12 11:19 Tony.J 阅读(176) 评论(0) 推荐(0) 编辑
摘要:Robots.txt 文件对抓取网络的搜索引擎漫游器(称为漫游器)进行限制。这些漫游器是自动的,在它们访问网页前会查看是否存在限制其访问特定网页的 robots.txt 文件。如果你想保护网站上的某些内容不被搜索引擎收入的话,robots.txt 是一个简单有效的工具。这里简单介绍一下怎么使用它。 如何放置 Robots.txt 文件 robots.txt自身是一个文本文件。它必须位于域名的根... 阅读全文
posted @ 2014-11-12 11:16 Tony.J 阅读(379) 评论(0) 推荐(0) 编辑
摘要:越来越多的站点开始使用 HTML5 标签,但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问,解决方案有下面两个: 1.为网站创建多套模板,通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面,例如:优酷网。 2.使用Javascript来使不支... 阅读全文
posted @ 2014-11-12 11:14 Tony.J 阅读(250) 评论(0) 推荐(0) 编辑
摘要:如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。我们不得不找到一个能平衡于它们之间的解决方法。如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScrip... 阅读全文
posted @ 2014-06-25 16:16 Tony.J 阅读(297) 评论(0) 推荐(0) 编辑
摘要:在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>这样的元素是没有valign特性的,因此使用vertical-align对它们不起作用。 相关教程:div水平居中的N种方法 一、单行垂直居中 如果一 阅读全文
posted @ 2013-02-17 08:39 Tony.J 阅读(370) 评论(0) 推荐(0) 编辑
摘要:一、文本栏 1、文本栏格式:<input type=”text” name=”栏位名称” value= ”栏位内定值” size=”栏位显示宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”> 2、密码栏格式:<input type=”password” name=”栏位名称” value=”栏位内定值” size=”栏位显示宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”> 3、隐藏性栏位:<input type=”hidden” name=”栏位名称” value= ”栏位值 阅读全文
posted @ 2013-02-13 15:43 Tony.J 阅读(138) 评论(0) 推荐(0) 编辑
摘要:一、背景图像的设置 格式:<body background=”URL”>二、图像在网页中的应用 格式:<img src="URL"> 功能:将图片插入到网页中去 <img>下的属性 属性名称 属性值说明src URL 图片的路径 图片的注解 属性名称 属性值说明alt字符串 给图片做注解 图象大小的设置 属性名称 属性值说明 width 图片的宽度height 图片的高度 图象边框的设置 属性名称属性值说明 border图片边框线的粗细 文字图象的排列 属性名称属性值说明 align left图象靠左,文字靠右right 图片靠右,文字靠 阅读全文
posted @ 2013-02-13 15:42 Tony.J 阅读(146) 评论(0) 推荐(0) 编辑
摘要:一、表格的格式<table><tr><th></th></tr><tr><td></td></tr></table>二、和表格有关的属性值 属性名称 属性值说明 border 设置表格的边线的粗细cellspacing表格框线宽度 cellpadding 数据与框线的距离 width 表示表格宽度 height 表示表格高度 align left 表格中数据左对齐(默认) center 表格中数据居中对齐 right 表格中数据右对齐 bgcolor 表格的背景颜色 back 阅读全文
posted @ 2013-02-13 15:40 Tony.J 阅读(218) 评论(0) 推荐(0) 编辑
摘要:排列清单控制标记1、无序号清单<ul>与<li><li>的属性 属性名称 属性值说明 type disc 实心圆(默认值) circle 空心圆 square 实心方块<html><head><title>无序号清单列表</title></head><body><ul><li type="disc">第一条新闻</li><li>第二条新闻</li><li type="circle"& 阅读全文
posted @ 2013-02-13 15:39 Tony.J 阅读(149) 评论(0) 推荐(0) 编辑
摘要:今天开始学习XHTML,虽然以前也制作过网页,但我还是想重温一下。因此借这一空闲的时间重新学习并整理一下HTML的基本知识:一、HTML的基本结构<HTML>----- HTML开始 <HEAD> ----- 头文件开始 <TITLE> </TITLE> -----网页标题 </HEAD> ----- 头文件结束 <BODY> …… ----- 网页显示区域 </BODY></HTML> ----- HTML结束二、常用的HTML标记1、换行 <br>2、段落 <p> < 阅读全文
posted @ 2013-02-13 15:37 Tony.J 阅读(156) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示