CSS学习笔记(六)

CSS-P是CSS的一个扩展,用来控制任何网页元素在浏览器文档窗口中的位置
position
     absolute:绝对定位
      relative:相对定位
      static
left、top、width、height
Z-index:设置元素的层叠顺序(值越大越上层),缺省情况下按html中顺序显示
边缘:
margin设置与其他元素之间的间隙大小
margin-top
margin-right
margin-bottom
margin-left
margin(top,right,bottom,left)
例:p{margin:2em 4em}
top,bottom = 2em
right,left = 4em
p{margin:2em}
top,right,bottom,left=2em
padding:设置内容与元素边界之间的间隙大小
padding(padding-top,padding-right,padding-bottom,padding-left)
border-width:设置元素边框的宽度
(border-top-width,border-right-width,border-bottom-width,border-left-width)
值为:thick、medium、thick
border-color:设置边框颜色
border-color(上,右,下,左)
border-style:设置边框的样式
border-style(上,右,下,左)
值为:
none、dotted点、double双线、dashed虚线、groove凹槽线、inset凹边
solid实线、ridge凸槽线、outset凸边
边缘属性的简化:
border(上,右,下,左)例:
A:active{border:thick double red}
<p style="border-width:1,2,3,4;border-style:solid"></p>


你可能感兴趣的:(html,浏览器,css)