[分享]css3所包含的内容

CSS3是CSS（层叠样式表）语言的最新版本，为前端开发者提供了众多的新属性和特性，让开发者更轻松地实现网页设计中的各种效果。CSS3包括了许多新的选择器、颜色、文本、界面布局、动画、过渡、媒体查询等...

CSS3是CSS（层叠样式表）语言的最新版本，为前端开发者提供了众多的新属性和特性，让开发者更轻松地实现网页设计中的各种效果。

CSS3包括了许多新的选择器、颜色、文本、界面布局、动画、过渡、媒体查询等模块。以下是CSS3的主要内容：

/* 新的选择器 */

/* 属性选择器 */
input[type="text"] {
  /* input中type为text的样式 */
}

/* 伪类选择器 */
a:hover {
  /* 鼠标滑过a标签时的样式 */
}

/* 子选择器 */
ul > li {
  /* 只会选中ul直接子元素下的li元素 */
}

/* 新的颜色属性 */

/* rgba颜色（包含了透明度） */
background-color: rgba(255, 255, 255, 0.8);

/* 新的文本属性 */

/* 文本阴影 */
text-shadow: 2px 2px 5px #000;

/* 文本溢出省略 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

/* 界面布局 */

/* 第三种盒模型 */
box-sizing: border-box;

/* 弹性布局 */
display: flex;
justify-content: center;
align-items: center;

/* 动画过渡 */

/* 过渡 */
transition: all 0.3s ease;

/* 动画 */
animation: myanimation 3s infinite;

/* 媒体查询 */

/* 根据屏幕大小改变样式 */
@media (max-width: 768px) {
  /* 当屏幕最大宽度为768px时执行该样式 */
} 

总的来说，CSS3大大拓展了CSS的功能，提供了更多的工具来实现网页设计中的艺术效果和交互特效。在网页设计中，使用CSS3是必不可少的。