CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...

像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下： mm, cm, in: 毫米（Millimeters），厘米（centimeters），英寸（ ...

首先 要知道当前元素的宽 将文字放到一个容器中，将容器的样式（主要是有关字体的样式）都设置为当前元素的样式，然后获取容器的宽，也就是文字的宽 如果文字的宽度超过了当前元素的宽度，则给溢出隐藏的css样式 overflow :hidden;t ...

parallax.jpg 引言 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果。 其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...

主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 GIF.gif HTML代码 <div class="face fron ...

有好多次，别人说我算不上程序员，因为我在用HTML + CSS编程。我非常伤心，因为别人都不认为我是开发人员。我们讨论了好几个小时，网上也有很多关于这个话题的讨论。但仍然还有人否认这一点，那么就让我们在本文中好好探讨一番。 在深入探讨之前， ...

代码 html,body,ul,li { padding: 0; margin: 0; border: 0; } ul { width: 900px; overf ...

html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 ...

Css3文本与字体 文本阴影 h1 { text-shadow: 5px 5px 5px red; } word-break换行： h1:nth-child(1) { word-break: normal; } /*英文：一行放不下 ...

JS DOM****设置元素属性 设置id为box的这个元素的文字颜色,属性是减号连接的复合形式时 必需要转换为驼峰形式 var box=document.getElementById("box"); box.s ...