css3地球属性，html炫酷地球

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

4、background-positionX ： length | left | center | right length ： 　百分数 | 由浮点数字和单位标识符 组成的长度值。

5、用css控制背景，一个background就够了。比如：background：#f00 url(图片地址) no-repeat；背景色为红色，有图片，图片不重复。如果分开写的话就要写3个属性，很不简洁。

相关问答

Q1: css高级属性有哪些

object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能 import规则一定要先于除了@charset的其他任何CSS规则。

基础选择器 a.id选择器：通过设置元素的id属性为该元素制定ID。ID由开发者指定。每个ID在文档中必须是唯一的。在写样式表时，ID选择器是以#开头的。

css的作用是：主要用来设计网页的样式，美化网页；能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式；对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

transition 属性是一个简写属性，用于设置四个过渡属性。CSS3的“过渡”（transition）属性通过设定某种元素在某段时间内的变化实现一些简单的动画效果，让某些效果变得更加具有流线性与平滑性。

A装饰性 其他三个选项都是css的属性。

Q2: CSS3的transform属性的用法?

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

transition 过渡 作为一个复合属性 transition-property 指定可以过渡的属性 默认值是all 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。

这是一个缩放的transform属性，y值可以省略，如果y值省略的话，那默认就和x值一样。举例：这个例子的执行效果就是，当把指针hover到这个div上的时候，那这个div会放大到原来的1倍大。

Transform：对元素进行变形。Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。

下面要用到旋转，rotate，不懂的话，请点击→ css3系列之transform 详解rotate 首先Z 轴是朝向我们的，所以 看不出效果，但是，我们把它转个身，让Z轴 面对 右边，就可以了。

rotate rotateX rotateY rotateZ rotate3d rotate：旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。

关于css3地球属性和html炫酷地球的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。