分类目录归档：HTML5+CSS

2018
05-18

URL中的的井号及搜索引擎抓取AJAX

URL中的#(井号) 一、#的涵义 #代表网页中的一个位置。其右面的字符，就是该位置的标识符。浏览器读取这个URL后，会自动将标识符位置滚动至可视区域。 为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print" >。 二、HTTP请求不包括# #是.... Read More >
2017
08-21

HTML5的WebSocket

WebSocket提供了一个受欢迎的技术，是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，以替代我们过去几年一直在用的Ajax技术。 一、什么是WebSocket API? WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，是基于TCP协议上的独立的通信协议，使用ws或wss协议，可用于任意的客户端和服务器程序。 WebSocke.... Read More >
2017
08-21

HTML5 服务器发送事件

HTML5 服务器发送事件(server-sent event)是单向消息传递，它允许网页获得来自服务器的更新，以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。 创建EventSource 对象用于接收服务器发送事件通知 var source=new EventSource("demo_sse.php"); 事件open当成功与服务器建立连接时产生 事件message当收到服务.... Read More >
2017
08-21

HTML5 Web Workers使用介绍

web worker的作用 浏览器端JavaScript是以单线程的方式执行的，也就是说javascript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，从而造成用户体验的大打折扣。Web Workers作为HTML5新特性之一，为浏览器端JavaScript开创了一种新的运行模式，让web应用程序具备多线程处理能力，在另外的线程.... Read More >
2017
08-20

CSS3中的动画

CSS3中的动画中使用的属性在各个浏览器中的支持是不一定兼容的，我们在属性钱添加前缀来实现各个浏览器的兼容 -ms-兼容IE9 -webkit-兼容Safari和Chrome -o-兼容Opera -moz-兼容Firefox 为了节省篇幅，下面仅出现一次兼容性的语句，之后都不做兼容，在实际使用中自行添加兼容性语句。 一、2D转换，通过transform 属性实现 transform-o.... Read More >
2017
02-21

Google推荐的html/css规范

介绍一下Google推荐的HTML和CSS编写格式规范，以建立良好的个人编码习惯。 通用样式规范 省略图片、样式、脚本以及其他媒体文件URL的协议部分(http:,https:)，除非文件在两种协议下都不可用。 这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。 <s.... Read More >
2016
12-16

CSS的透明度、盒子阴影轮廓、光标样式

一、透明度：opacity： 取值：0 ~ 1。用来设置元素的透明度 二.盒子阴影轮廓： 盒子的阴影：box-shadow属性，该属性有很多值： hoffset：阴影的水平偏移量，是一个长度值，正值表示阴影向右偏移，负值表示阴影向左偏移。 voffset：阴影的垂直偏移量，是一个长度值， 正值代表阴影位于元素盒子的下方，负值代表阴影位于元素盒子上方。 以下为可选值： blur ：指定模.... Read More >
2016
12-16

CSS中表格与列表样式

表格：表格有五种独有样式如下： 一、border-collapse： separate：默认值，单元格边框独立(单元格之间有间隔) collapse：单元格相邻边框被合并(单元格之间没有有间隔) 二、border-spacing：设置相邻单元格之间的间隔距离 三、caption-side：设置标题标签中相对表格的位置，有top和bottom两个值(都是有居中属性) 四、empty-ce.... Read More >
123下一页 »