css3基础重温
一、CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应
以一种独立于文档元素的方式来指定样式
CSS 类选择器 类选择器允许以一种独立于文档元素的方式来指定样式。 该选择器可以单独使用，也可以与其他元素结合使用。 提示：只有适当地标记文档后，才能使用这些选择器，所以
浏览器兼容性
页面配置了切当的 DTD，大少数涉猎器都邑遵照下面的图示来泛起内容。然而 IE 5 和 6 的出现却是不准确的。根据 W3C 的规范，元素内容据有的空间是由 width 属性配置的，而内容左近的
CSS 框模型概述
CSS 框模型 (Box Model) 规则了元素框措置元素模式、内边距、边框和外边距的门径。 CSS 框模子概述 元素框的最内一部分是实践的模式，直接突破包围内容的是内边距。内边距泛起了元素
text-decoration 属性
text-decoration 属性，这是一个很有含意的属性，它供应了很多颇为滑稽的举动。 text-decoration 有 5 个值： none underline overline line-through blink 不出所料，underline 会对元素加下划线，就像 HT
字母间隔修改的是字符或字母之间的间隔
letter-spacing 属性与 word-spacing 的判别在于，字母间隔修正的是字符或字母之间的隔绝距离。 与 word-spacing 属性同样，letter-spacing 属性的可取值采集全数长度。默许症结字是 normal（这与
改变字（单词）之间的标准间隔
word-spacing 属性笼统窜改字（单词）之间的规范隔断。其默认值 normal 与配置值为 0 是同样的。 word-spacing 属性接受一个正长度值或负长度值。要是提供一个正长度值，那末字之间的隔断
text-align 的默认值是 left
text-align是一个根基的属性，它会影响一个元素中的文本行彼此之间的对齐办法。它的前 3 个值相当直接，不过第 4 个与第 5 个则略有些复杂。 值 left、right 和 center 会招致元素中的文天
text-indent 可以设置为负值
text-indent 还可以配置为负值。利用这类妙技，可以实现得多乏味的成效，譬如吊挂缩进，即第一行悬挂在元素中余下部门的右侧： p {text-indent: -5em;} 不过在为 text-indent 设置装备摆设负值
最常用的文本格式化效果
把 Web 页面上的段落的第一行缩进，这是一种最常用的文本名目化成效。 CSS 供应了text-indent 属性，该属性或许利便地完成文本缩进。 颠末使用 text-indent 属性，所有元素的第一行都或者
使用HTML + CSS实现鼠标已越过的辅助菜单栏的示例
本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例，分享给大家，具体如下： 先上效果图： 1、鼠标没在上面 2、鼠标放在一级菜单上，展开二级菜单 3、鼠标放在二级菜单上 代码
通过css3的calc()方法去动态获取宽高值
web前端相比于程序，几乎是没有任何逻辑运算的，以至于我们在做前端的时候 有时候明明可以复用的东西，却不能复用，可以运算的确要写死。 不能复用，后来出了less 使得css可以定义
CSS3彩色进度条动画特效
示例效果 这是一款CSS3彩色进度条动画特效。该进度条通过对bootstrap原生进度条的改造，制作出效果非常炫酷的进度条动画效果。 使用chrome浏览器去打开网页文件，运行效果如下图所示
如何用CSS3设计腾讯QQ LOGO？
最近用CSS设计LOGO上瘾了，前两天分享了《教你使用纯CSS设计HTML5新LOGO》和《教你使用CSS3设计Opera浏览器LOGO》，今天在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO（如下图所示），
使用CSS3设计Opera浏览器LOGO教程
在我们上一期的LOGO设计教程中，我们分享了《教你使用纯CSS设计HTML5新LOGO》，之后一发不可收拾，没想到用CSS还做标志设计，那么今天我们继续，logofree君 教你使用CSS3设计Opera浏览器
前端基础教程 CSS丨css3 文本阴影效果教程
大家都知道，现在普遍通用的就是 HTML5 和 CSS3 了，今天就带大家看看 CSS3 的效果。 CSS3 文本效果 CSS3中包含几个新的文本特征。下面苏苏老师会给大家讲解以下文本属性： text-shadow bo
前端基础 CSS丨css3渐变色的实现
大家应该都知道，在进行网页编程的时候有很多时候都会用到渐变色，但是CSS2处理渐变色比较困难，CSS3就比较方便了，所以今天苏苏老师就教大家用CSS3实现渐变色功能~ 有自信的女性
CSS3｜倒影
本文主要内容 1. CSS3 倒影简介 2. CSS3 倒影语法 3. CSS3 倒影基本用法 1 CSS3 倒影简介 除了前文所提及的，CSS3还新增了Reflections板块，即允许CSS3进行设计倒影，我们完全可以在不使用PS的情
10个顶级的CSS3代码生成器
新出来的在线工具和web应用允许开发人员快速创建网站，而无需手动一行一行地编写代码。当前，不断有新的框架和代码库涌现在前端开发这个领域里。 但是，这也让许多开发人员忘记
CSS3绘制一个小雨滴，见证它的成长之路
前言 先来简单看看效果图，是不是可以不看下面的，自己也可以制作了？ CSS3绘制一个小雨滴，见证它的成长之路 第一步 通过border-radio边框弧度来绘制雨滴的形状 .circle{ width: 30px; he
CSS3 animation-duration 属性
实例 设置动画在两秒内完成: animation-duration:2s;-webkit-animation-duration:2s; /* Safari 和 Chrome */ 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前
CSS 字体属性（Font）
属性 描述 CSS font 在一个声明中设置所有字体属性。 1 font-family 规定文本的字体系列。 1 font-size 规定文本的字体尺寸。 1 font-size-adjust 为元素规定 aspect 值。 2 font-stretch 收缩或拉伸当前
可伸缩框属性（Flexible Box）
属性 描述 CSS box-align 规定如何对齐框的子元素。 3 box-direction 规定框的子元素的显示方向。 3 box-flex 规定框的子元素是否可伸缩。 3 box-flex-group 将可伸缩元素分配到柔性分组。 3 box-li
CSS 尺寸属性（Dimension）
属性 描述 CSS height 设置元素高度。 1 max-height 设置元素的最大高度。 2 max-width 设置元素的最大宽度。 2 min-height 设置元素的最小高度。 2 min-width 设置元素的最小宽度。 2 width 设置元素的
Content for Paged Media 属性
属性 描述 CSS bookmark-label 规定书签的标记。 3 bookmark-level 规定书签的级别。 3 bookmark-target 规定书签链接的目标。 3 float-offset 将元素放在 float 属性通常放置的位置的相反方向。 3 hyphen
Color 属性
属性 描述 CSS color-profile 允许使用源的颜色配置文件的默认以外的规范。 3 opacity 规定元素的不透明级别。 3 rendering-intent 允许使用颜色配置文件渲染意图的默认以外的规范。 3
Box 属性
属性 描绘 CSS overflow-x 假设形式溢出了元素内容地域，是否对模式的左/左侧缘发展裁剪。 3 overflow-y 如果模式溢出了元素形式地域，可否对模式的上/下边缘发展裁剪。 3 overflow-style 规则
CSS 边框属性（Border 和 Outline）
属性 描绘 CSS border 在一个申明中配置所有的边框属性。 1 border-bottom 在一个申明中设置全体的下边框属性。 1 border-bottom-color 设置下边框的色调。 2 border-bottom-style 配置下边框的名堂。
CSS 背景属性（Background）
属性 描述 CSS background 在一个声明中设置所有的背景属性。 1 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 1 background-color 设置元素的背景颜色。 1 background-im
CSS3 动画属性（Animation）
属性 刻画 CSS @keyframes 划定规矩动画。 3 animation 全体动画属性的简写属性，除了 animation-play-state 属性。 3 animation-name 划定规矩 @keyframes 动画的称谓。 3 animation-duration 规定动画实现一个
