-
background-size背景图片的大小 aotu:不改变图片 <长度值>:设置长度和宽度,若设置一个值,则那个值为等比例的宽度值 <百分比>:0-100%,原图片的百分之几 cover:将背景图片等比缩放以填满整个容器 contain:将背景图片等比缩放至某一边紧贴容器边缘为止查看全部
-
background-clip背景图片的裁剪 background-clip:border-box(保留到边框及以内) background-clip:padding-box(保留到内填充及以内) background-clip:content-box(保留到内容及以内) background-clip:no-clip(不裁剪) 默认是border-box,保留到边框及以内;查看全部
-
当背景是no-repeat的时候,可以用background-origin设置背景图的位置 background-origin:border-box;从边框开始(顶在左上角) background-origin:padding-box;从内边距开始(定在内边距左上角) background-origin:content-box;从内容开始(在内容正中间) 默认是padding-box查看全部
-
文本阴影text-shadow text-shadow:阴影的水平偏移 垂直偏移 模糊程度(越大越模糊) color; eg:text-shadow:0 1px 1px #fff查看全部
-
嵌入字体 @font-face 可以显示电脑里没装的字体,加载服务器 @font-face{ font-family:字体名称; src:字体文件在服务器的相对或者绝对路径; } p{ font-size:12px; font-family:"My Font";/*这个字体名字就是上面的字体名称*/ }查看全部
-
css3 使文字溢出时显示为省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
css3颜色 渐变色彩 线性渐变:linear-gradient(to bottom,#fff,#999) (径向渐变linear-radial) 第一个参数 :渐变方向 to top:从下向上 to right:从左向右 to bottom:从上向下 to left:从右向左 to top left:从右下到左上 to top right:从左下到右上 默认 to bottom 第二个参数和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值 eg:background-image:linear-gradient(to left,red,orange,yellow,green,blue,indigo,voilet);查看全部
-
注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。查看全部
-
css3颜色 颜色之RGBA RGB:红绿蓝 RGB:在RGB的基础上增加了控制alpha透明度的参数 语法:color:rgba(R,G,B,A) R、G、B的取值范围0-255 百分数范围是0.0%-100.0% 不可为负数查看全部
-
CSS3背景 background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。查看全部
-
CSS3边框 阴影 box-shadow(二) 1、阴影模糊半径与阴影扩展半径在区别 阴影模糊半径:此参数可选,值只能是正值,若为0,不具有模糊效果。 阴影扩展半径:可正可负,如果是正,整个阴影都扩大,反之缩小。 2、x轴偏移量和y轴偏移量可以设置为负数查看全部
-
1、-moz-:代表FireFox浏览器私有属性 2、-ms-:代表IE浏览器私有属性 3、-webkit-:代表safari、chrome浏览器私有属性 4、-o-:代表opera浏览器私有属性查看全部
-
1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央; 2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中查看全部
-
scale(X,Y)使元素水平方向和垂直方向同时缩放 注意:Y是一个可选参数,如果没有设置Y值,则表示X,Y两个方向的缩放倍数是一样的。查看全部
-
旋转 rotate(?deg)函数 真值为顺时针查看全部
举报
0/150
提交
取消