-
固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。实例功能:网页中的右下角广告代码 position:fixed;查看全部
-
层模型--相对定位 :设置position:relative(表示相对定位)它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素,相对于以前的位置,移动方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。查看全部
-
层模型--绝对定位 :设置position:absolute(表示绝对定位)然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口,而其层叠顺序则通过z-index属性来定义。查看全部
-
层模型1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)查看全部
-
浮动模型float:left;设置浮动的同时一定要先设置块状元素的宽度,且需要浮动的几个元素宽度加起来一定要小于容器元素的宽度。查看全部
-
css布局模型CSS包含3种基本的布局模型,1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)查看全部
-
#box1{margin-bottom:30px;} 可以用作单独设置查看全部
-
元素与其它元素之间的距离可以使用边界(margin)如果上右下左的边界都为10px;可以这么写: div{ margin:10px;}如果上下边界一样为10px,左右一样为20px,可以这么写: div{ margin:10px 20px;} padding和margin的区别,padding在边框里,margin在边框外。查看全部
-
元素内容与边框之间是可以设置距离的,称之为填充。填充也可分为上、右、下、左。顺时针div{padding:20px 10px15px 30px;}查看全部
-
元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。查看全部
-
border-bottom/-top/-right/-left 单独设置一个边框查看全部
-
盒模型--边框(一)1、border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。 2、border-color(边框颜色)中的颜色可设置为十六进制颜色,如: border-color:#888;//前面的井号不要忘掉。 3、border-width(边框宽度)中的宽度也可以设置为: thin | medium | thick(但不是很常用),最常还是用象素(px)。查看全部
-
盒模型边界(margin)边框(border)填充(padding)实例div{ width:200px; height:200px; border:5px solid red; padding:20px; margin:30px; }查看全部
-
盒模型--填充 元素内容与边框之间是可以设置距离的,称之为填充。填充也可分为上、右、下、左。如下代码: div{padding:20px 10px15px 30px;} 顺序一定不要搞混。可以分开写上面代码: div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px,左右一样为20px,可以这么写: div{padding:10px 20px;}查看全部
-
为标签单独一侧设置边框 border-top:1px solid red; border-bottom:1px solid red; border-right:1px solid red; border-left:1px solid red;查看全部
举报
0/150
提交
取消