1.设置行高:p{line-height:1.5em;}
2.中文字间隔、字母间隔设置:letter-spacing:50px;
3.单词间距设置:word-spacing:50px;
4.样式居中:div{text-align:center;}
5.元素分类--内联块状元素:display:inline-block;
6.设置边框:
border-style(边框样式)常见样式有:
dashed(虚线)| dotted(点线)| solid(实线)。
border-color(边框颜色)中的颜色可设置为十六进制颜色。
border-width(边框宽度)中的宽度也可以设置为:thin | medium | thick(但不是很常用),最常还是用象素(px)。
7.使用下面代码实现其它三边(上、右、左)边框的设置:
div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边(上、右、左)边框的设置:
border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;
8.元素内容与边框之间是可以设置距离的,称之为“填充”:
div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; }
9.边框外的边界距离:
div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } 10.绝对定位:
position:absolute; left:100px; top:50px;11.相对定位:
position:relative; left:100px; top:50px;相对原来的位置进行定位;
12.固定位置定位:
fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed?属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px,向下移动50px。并且拖动滚动条时位置固定不变。
#div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; }
时间: 2024-10-19 05:13:48