CSS3 边框详解

CSS3 边框 一、CSS3 边框 用 CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如 Photoshop。 在本章中,您将了解以下的边框属性: border-radius box...

CSS3 Gradients(渐变)详解

CSS3 Gradients(渐变) 一、简介 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减...

CSS 图片详解

CSS 图片 一、圆角图片 img { border-radius: 8px; } 二、缩略图  border 属性来创建缩略图。 img { border: 1px so...

CSS 分页实例详解

CSS 分页实例 一、简单分页 如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页: <!DOCTYPE html> <html>...

CSS3 Flex Box(弹性盒子)详解

CSS3 Flex Box(弹性盒子) 一、简介 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的...

CSS3 页面中展示邮箱列表点击弹出发送邮件界面详解

CSS3 页面中展示邮箱列表点击弹出发送邮件界面 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...

复选框、单选框与文字对齐问题详解

前言目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与...

jquery之empty()与remove()区别详解

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfs...

让DIV水平和垂直居中的几种方法详解

我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中,我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。...

如何在一个div中使其子div居中的5种方式详解

demo地址-codepen   第一种 基于绝对定位,要求有固定的宽高 main{ position: absolute; top: 50%; left: 50%; margin-top:...