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

HTML+CSS

ip地址传递参数【原创】

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

之前在套phpcms手机项目模板的时候,碰到导航栏高亮和滚动问题,在不同的页面显示不同的样式效果,直接用js写选中再添加样式方法,点击会没有效果。在pc端有对应的模板语句可以实现代码高亮,而手机端没有找到实现代码高亮的模板语句。后来我是通过ip地址传...

如何利用纯css绘制三角形【转载】

HTML+CSS Aimee 3个月前 (10-15) 147浏览 0评论

我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。 今天给大家带来 CSS 三角形绘制方法: #t...

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

HTML+CSS Aimee 4个月前 (09-17) 323浏览 0评论

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

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

HTML+CSS Cindy 4个月前 (09-15) 292浏览 0评论

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

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

HTML+CSS Cindy 4个月前 (09-15) 270浏览 0评论

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

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

HTML+CSS Niki 4个月前 (09-11) 218浏览 0评论

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

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

HTML+CSS Niki 4个月前 (09-07) 252浏览 0评论

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

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

HTML+CSS Niki 5个月前 (09-01) 146浏览 0评论

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

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

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

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

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

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

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

html解析页面的过程

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

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

JS全选功能【原创】

JS全选功能【原创】

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

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

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

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

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