鼠标经过文字显示隐藏图片css样式，js鼠标经过文字显示图片预览效果，css如何实现鼠标移至文本上显示文字或图片。jQuery鼠标经过文字显示二维码代码。
这是一个比较简单的鼠标悬停经过文本显示二维码图片js效果，鼠标离开隐藏图片，代码简洁，显示位置上下左右可自己调整，目前非……全文阅读 »
maolai
5年前 (2018-06-18) 1211浏览 0评论
一.早期多列问题
我们有时想布局成报纸、杂志那样的多列方式(至少两列，一般三列以上)，但早期CSS 提供的布局方式都有着极大的限制。如果是固体布局，那么使用浮动或定位布局都可以完成。但对于流体的多列，比如三列以上，那只能使用浮动布局进行，而它又有极大的限制。
因为它是区块性的……全文阅读 »
maolai
6年前 (2016-12-14) 1151浏览 0评论
定位层是由html元素(标签)形成的一个特殊的box盒子。其重点在于“定位”，而html元素(标签)的定位方式由css来控制。通常情况下，html元素(标签)默认的定位方式叫作“静态定位”，存在于普通文档流中。而定位层是指的那些修改了定位方式的box,即非静态定位的box。
……全文阅读 »
maolai
6年前 (2016-12-08) 1201浏览 0评论
当父元素里面的内容有浮动的时候，如果这个父元素没有设置高度和宽度的时候，就会导致父元素塌陷，即没设置高度时，父元素会变成一条线。在这里我们可以称为“塌陷”。如下例子：box父元素没有设置高度，只设置边框，它的子元素box1，box2设置宽高、背景颜色、左浮动。
代码如下：
&……全文阅读 »
maolai
6年前 (2016-11-12) 1220浏览 0评论
.标签<a> 双标签，行间元素
.href属性是其最重要的属性，用来定义链接的目标地址，实现超级链接的功能
.如果没有href属性，<a>标签仅仅是超链接的一个占位符。
基础代码：<a href="url">链接文本元素</a>……全文阅读 »
maolai
6年前 (2016-11-10) 1115浏览 0评论
一、定位布局
在使用定位布局前，先了解一下定位属性的用法。CSS2 提供了 position 属性来实现元素的绝对定位和相对定位。
属性
说明
static
默认值，无定位。
absolute
绝对定位，使用 top、right、bottom、left进行位移。……全文阅读 »
maolai
7年前 (2016-08-06) 1143浏览 0评论
一、动画简介
CSS3 提供了类似 Flash 关键帧控制的动画效果，通过 animation 属性实现。那么之前的 transition 属性只能通过指定属性的初始状态和结束状态来实现动画效果，有一定的局限性。
animation 实现动画效果主要由两个部分组成：
1、通过……全文阅读 »
maolai
7年前 (2016-08-05) 1024浏览 0评论
大家都知道，浮动会对文档产生影响，具体来看看会对文档产生什么影响?
清除浮动后的效果：
未清除浮动后的效果：
实例代码(未清除浮动)：
<!doctype html>
<html>
<head><meta charset="utf……全文阅读 »
maolai
7年前 (2016-03-02) 1208浏览 0评论
HTML5中CSS3的过渡效果，通过这个功能可以不借助 JavaScript 来实现简单的用户交互功能。
一、过渡简介
过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能，比如：:hover、:focus、:active、:checked 等。CSS3 提供了 tra……全文阅读 »
maolai
7年前 (2016-03-01) 966浏览 0评论
一、3D 变形简介
元素的平移、旋转、缩放和倾斜等功能这些效果只是单纯在二维平面图上的，我们称之为 2D。那么其实CSS3也提供了三维立体的一些功能效果，并且目前较新的主流浏览器都比较支持，只不过比 2D 晚一些，对浏览器的版本要求也要高一些。
由于3D是立体三维，在 x、……全文阅读 »
maolai
7年前 (2016-02-29) 944浏览 0评论
HTML5 中 CSS3 的变形效果，通过变形效果，可以平移、缩放和旋转元素的功能。
一、transform
CSS3提供了元素变形效果，也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个：transform 和 transform-origin。
属性
说……全文阅读 »
maolai
7年前 (2016-02-28) 945浏览 0评论
HTML5中CSS3背景渐变功能，主要有两种渐变方式：线性渐变和径向(放射性)渐变。
一、线性渐变
CSS3提供了linear-gradient 属性实现背景颜色的渐变功能。在以前，这种效果必须采用图片才能实现的。首先，先看一下它的样式表，如下：
linear-grad……全文阅读 »
maolai
7年前 (2016-02-16) 1052浏览 0评论
一、文本阴影
CSS3提供了text-shadow 文本阴影效果，这个属性有几个注意点：1、text-shadow 在 CSS2 的时候出现过，但各大浏览器碍于消耗大量的资源，迟迟未支持，然后在CSS2.1中剔除了。现在，CSS3 已经全面支持了;2、最低支持版本上，不同手册……全文阅读 »
maolai
7年前 (2016-02-16) 977浏览 0评论
一、CSS3 前缀
在 CSS3 的很多新属性推出时，这些属性还处在不太稳定的阶段，随时可能被剔除。而此时的浏览器厂商为了实现这些属性，采用前缀方法。各大厂商前缀列表如下：
浏览器
厂商前缀
Chrome、Safari
-webkit-
Opera
-o-
……全文阅读 »
maolai
7年前 (2016-02-13) 1024浏览 0评论
HTML5中CSS其他剩下几个常用的样式，包括颜色、透明度、盒子的阴影轮廓以及光标的样式。
一、颜色和透明度
颜色我们之前其实已经用的很多了，比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜色讲解过，字体颜色却没有系统的讲解过。设置字体颜色其实也成为文本块的前景色。
……全文阅读 »
maolai
7年前 (2016-02-12) 1284浏览 0评论
一、设置背景
盒模型的尺寸可以通过两种方式实现可见性，一种就是之前的边框，还有一种就是背景。
CSS 背景设置的样式表如下：
属性
值
说明
CSS 版本
background-color
颜色
背景的颜色
1
background-image
none 或 u……全文阅读 »
maolai
7年前 (2016-02-09) 1168浏览 0评论
