css3样式属性有哪些 css3的样式

Css3——background属性详解

1、字体属性与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了杭锦免费建站欢迎大家使用！

2、background-position背景图像的位置。CSS3 background-size背景图片的尺寸。默认值：auto 其他值：像素，百分比，contain，cover background-origin背景图片的定位区域。

3、通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

4、background属性 background-image：设置元素的背景图像。background-origin：规定背景图片的定位区域。background-size ：规定背景图片的尺寸。background-repeat：设置是否及如何重复背景图像。

字体属性与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。

background-position背景图像的位置。CSS3 background-size背景图片的尺寸。默认值：auto 其他值：像素，百分比，contain，cover background-origin背景图片的定位区域。

background一共有8个属性，css1中5个，css3中加了3个。background的可以简写为：背景颜色支持多种类型背景图片尽量用引号包起来重复图片滚动或者固定背景图片位置支持3中类型：百分比，单位，英文关键字。

CSS3中的background-origin属性值为：padding-box：背景图像相对于内边距框来定位。border-box：背景图像相对于边框盒来定位。content-box：背景图像相对于内容框来定位。

1、box-shadow属性：向框添加一个或多个阴影。（盒阴影）box-shadow基础语法：box-shadow： 10px 10px 5px #888888媒体查询媒体查询定义两套css，当浏览器的尺寸变化时会采用不同的属性。

2、）使用nth-child 2）使用nth-child（an+b），a表示每次循环中，包括几种样式，b表示指定的样式在循环中所处的位置。only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1) 。

3、css3选择器如下：通配符选择器（*）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器（E）元素选择器，是css选择器中最常见而且最基本的选择器。

4、选择器（Selectors）CSS3增加了更多的CSS选择器，可以实现更简单但是更强大的功能，比如：nth-child()等。其它模块：（Other modules）media queries：感觉叫媒体选择比较合适，可以为网页中不同的对象设置不同的浏览设备。

5、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

6、only-child p：only-child 选择属于其父元素的唯一子元素的每个元素。：nth-child(n) p：nth-child(2) 选择属于其父元素的第二个子元素的每个元素。

CSS3圆角表格圆角表格，对应属性：border-radius。以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。对应属性：font-effect。

CSS3中真正的动画属性是animation，而前面的transform和transition都只是对DOM元素的变形或者是状态的过渡。

CSS3 @font-face 规则在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。

box-shadow是CSS中的一种属性，用于在元素周围创建一个阴影效果意思。知识拓展：box-shadow是CSS3中新增的属性，用于给元素添加一个盒子阴影效果。

属性：background-position 取值：属性：background-size 取值：属性：background-origin 取值：属性：background-clip 取值： CSS3多背景通过为每个背景属性提供多个属性值实现。

text-shadow 属性：向文本设置阴影。

CSS3高级属性可分为：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。

分享标题：css3样式属性有哪些 css3的样式
网站路径：http://pwwzsj.com/article/didphpd.html