ITX2000的专栏

习惯了方方框框，我们会使用圆角技术使网页变得很圆润，而不是一个个棱角。圆角被广泛运用于网页中，比如把边框加个圆角，这是最流行的用法，让网页看起来很舒服。还有就是用户的头像，把它做成一个圆形的，看到现在的网页中出现的频率也很大。以前制作圆角的方法比较繁琐，山顶角、洋葱皮、PS切图、制图…一系列的技巧，而现在我们可以利用CSS3的一个属性就可以轻松实现圆角，甚至是各种畸形的形状。border-

Css3可以创建网页动画图像，取代flash和javascritp图像CSS3的@keyframes规则要创建css3动画你将不得不了解@keyframes规则@keyframes规则用来创建动画，指定一个css样式和动画从一个状态逐渐变成另一个状态的过程。注意：IE10+,Firefox 以及 Opera支持@keyframes动画规则，safari和chrome要加前缀

css3模仿新浪微博主页文字滚动    *{margin:0;padding:0px;}    body{background:#b1b1b1;font-family:Arial;font-size:14px;color:#202020;}    li{list-style:none;border-bottom:1px #333333 dashed;padding:5px;} 

这两天在psd to div+css的过程中，发现IE系的浏览器有一个比较奇怪的问题，上下两个相邻的div之中存在3px的缝隙，具体的描述如下：上面的div：里面有一张图片下面的div：使用的是背景，纵轴重复具体如图所示： 经过google之后，找到的解决办法是，找到上面的div中的图片代码所在位置，为其设定属性style="display:bloc

用CSS来控制的话采用如果是控制img标签显示的

网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。  name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">     width - v

linear-gradient([ || ,]? , …)只能用在背景上IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='1');参数起点：从什么方向开始渐变 默认：topleft、top、left to

http-equiv="Content-Type" content="text/html; charset=utf-8"> 无标题文档  .box{width:300px;height:300px;background:-webkit-linear-gradient(-30deg,rgba(255,255,255,0) 0,rgba(255,255,

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦?所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。　　　　因此我写了这篇文章，希望能把他变得容易点。　　水平居中　　内联元素(inline or inline-*)居中?　　你可以让他相对父级块级元素居中对齐

@font-face是CSS中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体。语法规则：@font-face {   font-family: ;   src: [][, []]*;   [font-weight: ];   [font-st

SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览）您可能感兴趣的相关文章

select美化自定义下拉框样式*{margin:0;padding:0;}select{outline:none;}ul{list-style:none;}a{text-decoration:none;}select{display: none;}.select_box{font-family: "宋体"; font-size: 12px;color: #99