border-image-source属性指定要使用的图像，而不是由border-style属性设置的边框样式。CSS3 border-image-source属性作用：规定要使用的图像，代替 border-style 属性中设置的边框样式。语法：1border-image-source: none|image;none：表示不使用图像。 image：表示用作边框的图像的路径。 说明：如果值为 "none"，或者如果图像无法显示，则使用边框样式。CSS3 border-image-sour
overflow-x属性是用来指定当元素溢出内容区域时，是否对内容的左/右边缘进行裁剪。CSS3 overflow-x属性作用：overflow-x属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。提示：使用overflow-y属性来判断顶部和底部边缘是否裁剪。语法：1overflow-x: visible|hidden|scroll|auto|no-display|no-content;visible：不裁剪内容，可能会显示在内容框之外。hidden：裁剪内容 - 不提供滚动机制。
overflow-y属性是用来指定当元素溢出内容区域时，是否对内容的顶部/底部边缘进行裁剪。CSS3 overflow-y属性作用：overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。提示：使用overflow-x属性来判断左右边缘是否裁剪。语法：1overflow-y: visible|hidden|scroll|auto|no-display|no-content;visible：不裁剪内容，可能会显示在内容框之外。hidden： 裁剪内容 - 不提供滚动机制。scrol
CSS3的icon属性用于为创作者提供了将元素设置为图标等价物的能力。CSS3 icon属性作用：icon 属性为创作者提供了将元素设置为图标等价物的能力。语法：1icon: auto|URL;auto：使用由浏览器提供的默认通用图标。 URL：引用列表中的一个或多个图标，列表用逗号分隔。注：1、除非 "content" 属性的值被设置为 "icon"，否则元素的图标不会被使用。2、目前没有主流浏览器支持icon属性。CSS3 icon属性的使用示例将图像元素设置为图标化的等价物：12345img{
CSS3的新特征有：1、圆角效果；2、图形化边界；3、块阴影与文字阴影；4、使用RGBA实现透明效果；5、渐变效果；6、使用“@Font-Face”实现定制字体；7、多背景图；8、文字或图像的变形处理；9、多栏布局；10、媒体查询等。本文操作环境：Windows7系统，css3版，Dell G3电脑。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等，目前有很多浏览器已经相继支持这项升级的规范，如：Fir
CSS :first-child选择器用于匹配其父元素中的第一个子元素；即只有当元素是其父元素的第一个子元素时才会匹配元素。CSS3 :first-child选择器怎么用？:first-child 选择器匹配其父元素中的第一个子元素。语法：1234元素:first-child{ css样式}例：匹配 <p> 的父元素的第一个<p>元素1234p:first-child{ bac
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。（推荐学习：CSS视频教程）浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。早在2001年
CSS3 flex布局总结2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。( 推荐学习：CSS教程 )行内元素也可以使用 Flex 布局。123456.box{ display: flex;}.box{ display: inline-flex;}需要注意的是Webkit