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

HTML+CSS

笔记–实现个数不等的中文对齐或等宽【原创】

HTML+CSS Ellen 1年前 (2017-11-18) 559浏览 0评论

最近遇到了一个效果:实现个数不等的中文对齐或等宽,于是整理了一下,包括自己搜索到的以及同事提供的方法。 实现方法如下所示: 实现方法一: 最简单的方法就是用空格: 空格:半角空格      半个中文字符      ...

CSS实现长宽比的几种方案【转载】

HTML+CSS Jonny 1年前 (2017-11-12) 560浏览 0评论

对于在CSS中实现容器的长宽比最初的创意是来自于在Web中如何实现纵横比。主要是用于响应式设计中的iframe、img和video之类的元素。随之扩展为适用于任何的容器长宽比。那在CSS中到底有多少种方案可以实现呢?我一向喜欢做这样的事情,到处搜集多...

页面滑动到一半的时候固定【原创】

HTML+CSS Niki 1年前 (2017-11-11) 768浏览 0评论

类似这种效果 第一张是没有滑动之前和滑动套顶部的效果 第二张是滑动之后的效果 思想是这样的当页面的滚动条的高度大于0的时候(就表示页面上滑了) 这时候可以使用scroll方法使想要固定的部门position:fixed 但是我们还是需要滑回顶部的,...

css3 Media用法总结【转载】

HTML+CSS Michael 1年前 (2017-10-30) 588浏览 0评论

随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。...

CSS选择器优先级【转载】

HTML+CSS Cindy 1年前 (2017-10-18) 774浏览 0评论

CSS三大特性—— 继承、 优先级和层叠。 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签...

如何区分ajax同步请求和异步请求【转载】

HTML+CSS Cindy 1年前 (2017-10-18) 1083浏览 0评论

之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。 最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执 行完毕后才会继续运行...

ip地址传递参数【原创】

HTML+CSS Cindy 1年前 (2017-10-18) 851浏览 0评论

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

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

HTML+CSS Aimee 1年前 (2017-10-15) 717浏览 0评论

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

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

HTML+CSS Aimee 2年前 (2017-09-17) 792浏览 0评论

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

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

HTML+CSS Cindy 2年前 (2017-09-15) 1027浏览 0评论

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

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

HTML+CSS Cindy 2年前 (2017-09-15) 852浏览 0评论

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