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

HTML+CSS

如何区分HTML中name,class和id【转载】

HTML+CSS Aimee 5天前 37浏览 0评论

在一个页面中,有许多的控件(元素或标签)。为了更方便的操作这些标签,就需要给这些标签标识一个身份牌。 目录 1. name:指定标签的名称。 2. id:指定标签的唯一标识。 3. class:指定标签的类名。   1. name 指定标签...

phpcms v9表单加入验证码【转载】

HTML+CSS Cindy 6天前 36浏览 0评论

在phpcms表单向导模块中创建字段时没有验证码类型去选择,所以也就无法直接使用来加入验证码了。 对模板程序稍微进行扩展开发即可实现。具体流程如下: 一、找到表单向导生成模板(一般默认为phpcms/templates/default/formgui...

限制字数,超出部分显示“…”【原创】

HTML+CSS Cindy 6天前 33浏览 0评论

在我们写静态页面和套pc模板的时候,有时候会碰到需要限制字数,超出部分显示省略号的效果,尝试过几个方法,css有text-overflow:ellipsis属性,针对一行文本有效,要控制几行文本就会有浏览器兼容问题。最终找到一个js方法可以限制字数,...

网站端轮播图充满全屏且不变形问题【原创】

HTML+CSS Niki 2周前 (09-11) 50浏览 0评论

不论是pc端和微信端的项目,都会有轮播图,如果我们写轮播图又不想图片变形而且可以显示主要的中间部分。 1,如果使用img标签的话,图片使用width:100%,height:auto,但是 图片会有问题,当屏幕较小的时候轮播图会出现空白的地方,但是如...

手机端网页总结二【原创】

HTML+CSS Niki 2周前 (09-07) 84浏览 0评论

1,在手机端的a标签(链接),在点击跳页面的时候,会出现蓝色透明背景块。 加以下代码去除 a:active{ background: none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)...

网站端ajax分页方法【原创】

HTML+CSS Niki 3周前 (09-01) 41浏览 0评论

写网页的时候很多页面都有分页,即使样式有所不同但是分页的思想方法都是相同的,现在来看下,套过模板之后的ajax分页公共方法 //-----------------------------分页公共方法----------------------...

圆角、阴影兼容性【原创】

HTML+CSS Cindy 1个月前 (08-18) 113浏览 0评论

进入前端行业,想必大家都写过盒子圆角和阴影效果吧,给页面添加阴影效果,会让页面有立体感,充满活力与动感。但是在调兼容性的时候就会发现这些效果只能兼容到ie9,不能兼容ie9以下版本,很遗憾。之前在做项目的时候,在网上查找了许多资料,终于找到了一个能兼...

Web前端开发遇到的问题及解决方案【转载】

HTML+CSS Cindy 1个月前 (08-18) 86浏览 0评论

我在平时工作中经常会遇到一些小问题,我将这些问题汇总到了一起,具体如何收集的已经记不清楚了,我将这些问题总结起来,希望对以后的工作能够带来便利和帮助。 1).margin-top,margin-bottom不能正常显示时 一.有时会遇到外层中的子层使...

html解析页面的过程

HTML+CSS Toby 1个月前 (08-15) 71浏览 0评论

作为一个web前端工程师,我们需要大致了解下浏览器解析html文件的大致过程。本文举例简要地说明了这一过程: 1. 用户输入网址,浏览器会向该网址服务器发出请求,服务器会返回html文件; 2. 浏览器开始载入html代码,发现<head>...

JS全选功能【原创】

JS全选功能【原创】

HTML+CSS Liam 4个月前 (05-18) 652浏览 0评论

点击全选按钮的时候要求全部选中: <input name="sid[]" autocomplete="off" type="checkbox"> <input name="sid[]" autocomplete="off" typ...

前端写手机端页面总结【原创】

HTML+CSS Niki 4个月前 (05-18) 390浏览 0评论

写手机页面的时候在安卓和ios不同的系统下,我们来看一下不同(以下是个人经验总结,如果有问题的话可以指出): 1,在写手机端页面的时候,有时候希望页面的体验性比较好我们会在页面加上以下css让整个页面都不可选 * { -webkit-to...

Jq ajax验证表单【原创】

HTML+CSS Liam 4个月前 (05-17) 352浏览 0评论

在表单验证的时候,如果用户输入的不符合规范,会弹出错误信息,直接用alert的话也可以弹出信息,但是为了优化用户体验,使页面更加生动,所以用到了这个插件来做验证提示,实现原理是当input框失去焦点时进行正则验证,判断用户输入是否正确; formVa...