标签:CSS3
 body的font-size:14px     body第二代子元素的font-size: em: 1.2em=1.2*1.2*14px rem:1.2rem=1.2*14px   视口高度:1000px  视口宽度:500px   vh:1vh=1000px/100 vw:1vw=500p
wordpress二次开发中对于functions.php的制作是非常多的,今天我们来分享关于wordpress二次开发技巧之functions.php的制作,希望大家可以喜欢! 下面根据需求,对各种能实现进行简单介绍。 先对functions.php文件进行介绍,通过代码实现各功能。 1. wid
 缩写标签<acronym> <abbr>的区别 大家都知道HTML定义缩写有<acronym> <abbr>两种标签,但是经常分不清楚他们。这两个标签虽然都是定义缩写,但是这个两个的缩写含义是有区别的。可这并不妨碍我们使用,因为这两个标签的
让网站所有元素变成灰色调,全浏览器支持,使用了滤镜,比较吃性能,建议作临时方案使用。 实现效果(点击下面的按钮): 这里放一张图片作为效果展示: 其CSS代码如下: body{ -webkit-filter:g
页面中使用CSS的方式主要有三种:1.行内添加定义style属性值。2.页面头部内嵌调用。3.外面链接调用。 其中外面引用有以下两种:link和@import。 XML/HTML代码 <link href="stylesheet" href="CSS文件" type="text/css"/&
1.box-shadow 属性向框添加一个或者多个阴影。  语法: box-shadow: h-shadow v-shadow blur spread color inset     h-shadow 必须,水平阴影的位置,允许负值。     v-shadow 必须,垂直阴影的位置,允许负值
一、relative对absolute的限制作用   1、限制left/top/right/bottom定位。absolute默认是在也没的左上角,当父类设定为relative,absolute就被限制在父类的区域内,设定top/left/right/bottom时,起始点为父类的左上角   2、限
使用WebStorm学习前端的时候,在2016-02-01被人问到如何设置WebStorm的颜色提示。据说度娘没有设置方法,我找了一下设置后发现了位置,今天写了这篇设置方法来说明一下。 软件版本号:JetBrains WebStorm 8.0.4 开启步骤 1 File-Settings 2 ID
在初学Javascript时,我们也许不需要担心函数绑定的问题,但是当我们需要在另一个函数中保持上下文对象this时,就会遇到相应的问题了,我见过很多人处理这种问题都是先将this赋值给一个变量(比如self、_this、that等),尤其是var that = this是我见的最多的,这样当你改变
什么是设计模式?   曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。   先来看一下比较官方的解释:“设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的
12px的中文占据16px高度,英文占据14px的高度。所以做双语版网页时css样式要做相应调整。 IE10,IE11浏览器当点击input text文本框时,输入文本后出现一个删除功能的X按钮。 去掉input text文本框后的X按钮的方法:给input text添加如下CSS input::-
  canvas中的clip()方法用于从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域)   也可以在使用clip()方法前通过使用save()方法对当前画布区域进行保存,并在以后的任意时间通过restore()方法
前面的话   在javascript运动系列中,详细介绍了各种运动,其中就包括碰壁运动。但是,如果用canvas去实现,却是另一种思路。本文将详细介绍canvas动态小球重叠效果   效果展示 静态小球   首先,生成随机半径、随机位置的
(1)减少 HTTP 的请求。(合并资源文件 和 使用图片精灵 ; (2)把CSS  放头部,把 JavaScript 放到 body 标签尾部; (3)定义图片的宽和高; (4)定义字符集; (5)避免空的 src 和 h
在网页制作的过程中,为方便读者的阅读,会把网页内容限定在一个较小的方框中,并居中显示,如何实现这一功能呢? 1)把正文放在一个<div>标签中,只要这个标签居中整个网页就居中了。 <div id="text"> </div> 2)接下来要介绍一种方法:负边框,即 
响应式设计是在不同设备下分辨率不同显示的样式就不同。  media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。    语法: @media mediatype and | not | only (media feature) {}    示例:      <l
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的,它可以用于浏览器(显示内容/重新加载页面),搜索引擎(关键字),或者其他web服务。 一、页面设置 <!-- 页面描述 --><meta name="description" content="
一.常用特殊字符 ′ &prime;   一般用在单位(英尺/弧度)和时间上(分钟) ″ &Prime;   一般用于二级单位(秒) ‹ &lsaquo;   通常用于在面包屑中表达路径 › &rsaquo; «