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

HTML+CSS

用css3设计响应式导航菜单【转载】

HTML+CSS Niki 2年前 (2017-04-17) 715浏览 0评论

下面的这篇文章非常简单,是响应式设计的一个具体实现。我希望能带给刚入门的朋友一些思路和帮助。 ……………………………………✄…………………………………… 关于使用响应式设计来创建一个手机导航栏,之前我曾经写过一个教程。现在我发现了一种新的方式,可以不...

css常用技巧集合【转载】

HTML+CSS Niki 2年前 (2017-04-14) 702浏览 0评论

1 不想让按钮touch时有蓝色的边框或半透明灰色遮罩(根据系统而定) /*解决方式一*/ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-pla...

【移动端布局】让图片保持等比例缩放【原创】

HTML+CSS Liam 2年前 (2017-04-03) 2051浏览 0评论

前端写页面布局时,图片变形是个很令人头疼的问题,手机屏幕分辨率不一样,出来的效果就不一样,下面的代码可以解决这些问题,保持图片在不同分辨率下面也可以让图片不变形 1、首先不能给外层列表定高度,用margin或者padding撑开 .al...

移动端web触摸滑动轮播图实现原理【转载】

HTML+CSS Rohan 2年前 (2017-03-24) 1659浏览 0评论

移动端web触摸滑动轮播图实现原理 移动端web触摸滑动轮播图实现原理 相信很多朋友在手机上都看到幻灯片和轮播图来实现用手指自动滑动查看。 早期其实是不能用手来查看的,模仿移动端的我也失败了,就不知道其他人了。 所以我就 用了新事件,移动端t...

制作一个表头固定的表格【原创】

HTML+CSS Rohan 2年前 (2017-03-24) 985浏览 0评论

项目中经常要做一个表格展示信息: 如果表格内容固定,行数不变,那么完全展示即可。 但在移动端,因为屏幕尺寸的原因,行数过多就不能直观查看列表信息,这个时候就要将表头固定。 代码如下: <div class="table-he...

ios微信端网站遇到的问题【原创】

HTML+CSS Rohan 2年前 (2017-03-20) 1648浏览 0评论

最近的一个项目,在测试ios时遇上了一些问题: 1.给div、span等元素绑定的点击事件无效 2.表单输入时整个页面白屏 3.readonly的元素出现光标(iphon5/ ios8.0) 第一条:给div、span(或非 a,input,butt...

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

HTML+CSS Dave 2年前 (2017-02-24) 797浏览 0评论

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

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

HTML+CSS ada 2年前 (2017-02-24) 978浏览 0评论

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

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

HTML+CSS Liam 2年前 (2017-02-23) 841浏览 0评论

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

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

HTML+CSS Dave 2年前 (2017-02-20) 1668浏览 0评论

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

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

HTML+CSS Dave 2年前 (2017-02-19) 911浏览 0评论

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

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

HTML+CSS Dave 2年前 (2017-02-07) 944浏览 0评论

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

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

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

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