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

HTML+CSS

知道这 10 个正则表达式,能让你少写 5,00 行代码【转载】

HTML+CSS Michael 1周前 (04-19) 48浏览 0评论

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式...

移动端手机页面布局之经验分享【原创】

HTML+CSS Cindy 3个月前 (02-08) 247浏览 0评论

手机页面内容不够长,在大屏手机下底部信息下面会留有很多空白。 解决方案: (1)底部信息用定位来写,使其始终显示在页面底部,中间内容区域可以滚动。底部内容样式如下: .foot{ position:fixed; left:0; bottom:0; }...

怎么让整个背景图片插到网页中【原创】

HTML+CSS Cindy 3个月前 (02-08) 278浏览 0评论

网页内容比较多时,背景图片尺寸不够大,那要怎么把图片放到网页上去呢? 解决方案: 1、背景图片不动 固定背景图片,给背景图片设置position:fixed属性,其他内容可以滚动。 2、背景图片和网页内容一起上下滑动 如果背景图片头部和底部有内容,中...

如何使用图片延迟加载插件lazyload.js【原创】

HTML+CSS Cindy 3个月前 (02-08) 247浏览 0评论

网页页面图片和内容比较多的时候,会导致网站加载速度很慢,如果图片比较多,网站加载很久才能显示图片,用户体验性不是很好,使用图片延迟加载插件lazyload.js可以让图片延迟加载,以下是关于插件使用的介绍: lazyload.js调用方法 (1)为图...

js固定弹窗背景页面的两种办法【原创】

HTML+CSS Aimee 3个月前 (02-08) 283浏览 0评论

在项目开发的过程中,我们会遇到很多的弹窗页面,如果不做特别说明,弹窗出现后,弹窗底下的背景页面仍然能够滑动,为了更好的用户体验,我们需要做到,弹窗出现后,背景固定不动,弹窗关闭后,才使得背景可滑动。针对这个问题,我简单描述下我的思路: 方法一和方法二...

Bootstrap测试题【转载】

HTML+CSS harbour 3个月前 (02-07) 321浏览 0评论

最近在研究bootstrap,找了一些测试题,检验一下自己的学习成果。 如下:   1、  如果让一个元素在pc端显示而在手机端隐藏,下列选项正确的是(b)。 A、 visible-xs-8  hidden-md B、 visible-md...

如何优化页面【原创】

HTML+CSS ada 3个月前 (01-29) 289浏览 0评论

入行将近两年的时间,再次谈谈如何优化页面 通常情况下有一下几种情况: 减少http请求 压缩css、js、images文件 使用图片精灵 图片原始大小放入html。 使用小且可缓存的ico   减少http请求 捆绑文件:将多个文件...

搜索框关键词智能匹配【原创】

HTML+CSS Aimee 3个月前 (01-24) 205浏览 0评论

在项目开发过程中,有时候需要监听输入框value值的变化,并在value值发生变化时执行操作,这里示例:当value值发生变化时,显示包含这个value的所有部分,其余隐藏。 查看示例前先了解下indexof方法:示例中seachvalue表示输入框...

利用offset实现楼层效果【原创】

HTML+CSS Aimee 3个月前 (01-24) 186浏览 0评论

在一些商城网站,我们经常能够看到楼层效果,以城市为例,将城市的拼音的首字母大写,绝对定位于屏幕的右下角。当点击某一个字母时,跳转到相对应的城市类别位置。当屏幕滚动时,相对应的英文字母高亮显示。 以下附上示例代码: 在查看示例前先了解一下offset(...

使用@media screen实现网页的自适应布局【转载】

HTML+CSS Aimee 3个月前 (01-24) 206浏览 0评论

在项目开发中,为了适应不同屏幕大小的移动设备,我们可以利用@media screen属性,实现自适应布局。因为@media screen属性能够根据浏览器宽度判断并执行相对应的操作。 以下示例为五种不同分辨率时的显示不同的背景颜色。 1280分辨率...

link和@import的区别【转载】

HTML+CSS Aimee 3个月前 (01-24) 214浏览 0评论

页面使用css的方式主要有3种,标签行内引用,页面头部样式引用,外部样式引用,其中外部样式引用有link和import俩种; link和import都可以对css样式进行外部引用,但它们还是有区别的。 link语法: <link rel="st...

如何解决ie7下z-index失效bug【原创】

HTML+CSS Cindy 3个月前 (01-18) 240浏览 0评论

之前在写项目的时候,有时候经常会用到定位,在ie7浏览器下有时候定位元素设置z-index有时候会失效,会被其他元素覆盖在上面。 具体解决办法如下: 给父级元素加上position:relative,并设置z-index。 父级元素的z-index优...

如何清除浮动?【转载】

HTML+CSS Cindy 3个月前 (01-18) 219浏览 0评论

浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要进行浮动的清除。 关于清除浮动的四种方式: 方式一:使用ove...