Loading...
background-size 属性规定背景图像的尺寸。语法:background-size: length|percentage|cover|contain;参数说明:值描述length设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。percentage以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值...
用菱形制作上箭头css部分 *{ padding: 0; margin: 0; ...
CSS的盒子层次问题标准流盒子,低于浮动的盒子,浮动的盒子又低于定位的盒子(除去static),即:定位(除去static)高于浮动,浮动高于标准流。(盒子的高低和占不占位置无关)通过z-index改变盒子的层次关系使用前提:必须有定位(除去static)。给定z-index的值为层级的值(不给默认为0)auto 默认。堆叠顺序与父元素相等。number 设置元素的堆叠顺序。in...
1.盒子需要使用背景图的时候必须用padding,margin不能设置背景。2.会出现外边距合并或者margin塌陷的时候用padding,上下盒子都使用...
css圆角矩形的制作(border-radius)的表示方法border-radius: 宽/高一半;border-radius: 50%;border-radius: 0.2em;border-radius: 100px;border-radius: 左上角 右上角 右下角 左下角。绘制圆形.one{ width: 100px; height: 100px; ...
制作网页时,为了美观,常常需要为网页元素设置特殊形状的背景,如下图所示,即为设置了圆角背景的导航。而且每个元素的大小都是不确定的,有内容来决定元素的大小,...
原理:CSS 精灵其实是将网页中的一些背景图像整合到一张大图中(精灵图)。然而,各个网页元素通常只需要精灵图中不同位置的某个小图,要想精确定位到精灵图中的某个小图,就需要使用CSS的background-image、background-repeat和background-position属性进行背景定位,其中最关键的是使用background-position属性精确地定位。案例#home...
CSS的隐藏overflow:hidden; 溢出隐藏 ,超出元素范围的内容会被剪切掉。visibility:hidden; 隐藏元素, 隐藏之后...
vertical-align 其实就是垂直对齐的意思。值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length-%使...
定位一共有4个方向,left,right,top,bottom;格式为:先写定位方式,后写方向。position:absolute; top:20px; ...