css3
-
CSS3中弹性盒布局的最新版
CSS 3中弹性盒布局的最新版概述 在CSS 3中，CSS Flexible Box模块为一个非常重要的模块，该模块用于以非常灵活的方式实现页面布局处理。 虽然可以使用其他CSS样式属性来实现页面布局处理，但是如果使用CSS Flexible Box模块中定义的弹性盒布局技术，可以根据屏幕…
-
解析CSS3背景下的@font face规则
很多人只要一提到@font face规则，心中就会不由自主“哦~~”的一声：“这个我知道，可以用来生成自定义字符小图标！”话是没错，问题在于很多人就以为生成字符小图标就是@font face规则的全部，实际上只是功能之一，如果真正了解@font face规则，你会发现，@font face规则可…
-
CSS3的30个选择器总结
本文总结了30个CSS3选择器,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 或许大家平时总是在用的选择器都是：#id .http://www.php.cn/wiki/164.html” target=”_blank”>cla…
-
css3中的常用属性介绍
rgba background：rgba(0, 118, 160, .25); 前三个值是RGB颜色值，最后一个值是水平的透明度（0 =透明，1 =不透明）。 RBGA可应用于任何与颜色相关的属性如字体颜色，边框颜色，背景颜色，阴影的颜色，等 文本阴影 text-shadow（不需要判断浏览器）…
-
使用css3实现简单的响应式布局（代码）
本文简单的讲解了如何使用css3实现简单的响应式布局： css3文件： *{ margin:0px; padding: 0px;}.heading,.container,.footing{ margin: 10px auto;}.heading{ height: 100px; background-…
-
纯CSS3画出小黄人并实现动画效果
前言前两天我刚发布了一篇css3实现小黄人动画的博客，但是实现的css3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用ps抠出需要实现动画的部分，最后才完成的动画效果。但是，其实我的初衷是想体验一下用图片做动画的赶脚，但是找不到素材，才无奈用了最笨的方法来满足自己的需求，本想勉强能看…
-
介绍css3过渡和动画有哪些区别
background-color: rgb(252, 252, 252);”>CSS3 过渡 css3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用flash动画或javascript。用鼠标移过下面的元素： 也就是说我们设置好元素过渡后，突然间改变元素的属性，…
-
使用css3截断文本并加省略号
代码展示： overflow : hidden;/*text-overflow: ellipsis; 有些示例里需要定义该属性，实际可省略*/display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; 概述 -we…
-
教你怎么使用css3实现隔行换色
css3如何实现隔行换色呢？使用css3选择器 p:nth-of-type(odd)奇数 和 p:nth-of-type(even)偶数 以下是部分实例: p:nth-of-type(odd){background:#ff0000;}p:nth-of-type(even){background:#0…
-
介绍css3中REM的使用方法
在页面中设置字体，我们知道有常见的两种，px 和 em. px 在Web页面制作中，我们一般使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小（虽然一般人不会去改变浏览器字体大小），这时会使用我们的Web…
