最新消息:文章中包含代码时,请遵守代码高亮规范!

HTML+CSS

css Sprites样式生成工具【原创】

HTML+CSS Dave 11个月前 (02-24) 376浏览 0评论

在每次写页面都要切图,有时候会有需要小的icon,应该使用image sprites(图片精灵),这样服务器请求的时候只需要请求一次,有助于提高页面的加载速度。怎样把这些小图标切到一张图片就不说了,要注意的是最后导出这样组合图片时,需要注意下格式,一...

浅谈首次写h5页面【原创】

HTML+CSS ada 11个月前 (02-24) 457浏览 0评论

很多人都知道h5页面很酷炫,每页都很多特效,有一部分也可以用css3,,一开始写h5页面有点忐忑,也有点兴奋,不过在最开始写的时候就陷入一个极端,那就是特效要用哪些,又该怎么表达出客户的要求,又是否达到自己的要求,一开始的想法,是全部用js做的,印象...

当只有一个列表总数时,写出分页功能【原创】

HTML+CSS Liam 11个月前 (02-23) 418浏览 0评论

做项目时有些页面有好多的列表,但是后端只给了我一个总数,所以要想办法实现分页的效果,大概逻辑为(1、获取总数  2、获取当前页码、3、利用除法函数向上取整,得到总页数4、for循环出页码5、加链接、页码对应6、追加到html中),下面请看代码 &nb...

移动端根据字母定位到指定的城市【原创】

HTML+CSS Dave 11个月前 (02-20) 798浏览 0评论

效果图如下: 点击效果图左侧的文字定位到指定字母下面的城市。 方法一:根据锚点定位 用锚点定位比较简单,锚点定位可以根据id也可以根据name值,我用的是根据id定位,原理上跟跳路由一样,只不过是在一个页面内跳到指定的位置,代码截图如下 这张图主...

html5 meta标签属性整理【转载】

HTML+CSS Dave 11个月前 (02-19) 495浏览 0评论

html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下,终于找个个描述得比较全的网站(点击进入),本人有...

25种提高网页加载速度的方法和技巧【转载】

HTML+CSS Dave 11个月前 (02-07) 443浏览 0评论

您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在某些情形下,加载时间最多可缩短 80%。下面介绍二十五中网速方法和技巧。 一、使用良好的结构 可扩展 HTML (XHTML) 具有许多优势,但是其缺点也很明显。XH...

用css克隆一段文字【原创】

HTML+CSS Lucifer 1年前 (2017-01-18) 740浏览 0评论

今天发现一个很有意思的css属性   text-shadow,我们用text-shadow来克隆一段文字 简单介绍一下text-shadow这位黄花大闺女,嘿嘿: text-shadow: length  length  length  color ...

浏览器加载和渲染html的顺序【转载】

HTML+CSS Lucifer 1年前 (2017-01-13) 578浏览 0评论

1.浏览器加载和渲染html的顺序 浏览器加载和渲染html的顺序 IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完) 如果遇...

多行文字垂直居中【原创】

HTML+CSS Lucifer 1年前 (2017-01-10) 988浏览 0评论

说到文字垂直居中,大多数会用line-height与margin-top等方法来调整文字的居中位置,现在用文字的父级元素css加 display: table-cell; vertical-align: middle;,文字元素css加 vertic...

大转盘抽奖【原创】

HTML+CSS Lucifer 1年前 (2017-01-10) 519浏览 0评论

之前做了一个大转盘抽奖的项目,主要是用css3的transform:rotate(angle); 直接贴代码: <script type=”text/javascript”> $(function(){ var r...

搜集的一些前端知识点

HTML+CSS Rohan 1年前 (2017-01-10) 608浏览 1评论

HTML类 1、html严格模式(标准模式)和怪异模式(混杂模式) (1),标准模式指浏览器按照W3C标准解析执行代码,怪异模式是浏览器用自己的方式解析执行代码,因为不同浏览器的解析执行方式不一样,所以称为怪异模式。 (2),<!DOCTYPE...

css世界的margin-box【转载】

HTML+CSS Lucifer 1年前 (2017-01-10) 533浏览 0评论

一、前言 今日中秋,祝大家中秋节快乐。但是,有些阿里的小伙伴这个中秋就不一定快乐了。想想我应该不会遇到这样的事情的,一来不喜欢吃月饼;二来没有什么人际交往,不存在要送人月饼的需求;三来自己最怕麻烦,什么秒杀之类的好烦的,我根本就当没看到,安心码代码;...

解决兼容IE8透明度的问题【原创】

HTML+CSS Liam 1年前 (2017-01-09) 561浏览 0评论

一般网站点击出现一个弹出层,弹出层底部一般用半透明的黑色背景,大气明了,直接给弹出层最外层的div设个background:rgba(0,0,0,0.5)就行了,方便快捷,但是到ie8就不行了,因为ie8不支持background:rgba()属性,...

html自定义弹出层【原创】

HTML+CSS Liam 1年前 (2017-01-09) 489浏览 0评论

写项目时用系统自带的alert弹出框总感觉太low,不美观,所以就自己设计了个弹出层样式 css样式: .customBomb_box{ position: fixed; top: 240px; margin-left: 10%;...

百度地图测距功能【原创】

HTML+CSS Dave 1年前 (2017-01-09) 466浏览 0评论

有些项目需要接入百度地图,还需要实现测距的功能,下面分享我遇到的百度测距,百度测距和高德不同,需要添加一个js文件,这个网上可以找到,文件名如下 就是这个DistanceTool_min.js  用于百度地图测距,添加js文件后需要调用代码截图如下...