文档介绍:
. 两个关键属性**
1) display (设置元素的显示方式)display 的3个值
ü none : 不显示该标记
ü block : 按块标记的方式显示(单独显示一行)
ü inline : 按行内标记的方式来显示(在同一行)
2) position (position 的 3个值)
ü static(缺省值): 浏览器在默认情况下,会按从左到右,从上到下来依次摆放各个标记
ü absolute: 相对父标记偏移(绝对值)
ü relative: 先按照默认的方式摆放,然后再偏移(相对值)
. 块标记和行内标记*
1) 块标记(另起一行)
常见的块标记:
ü div
ü p
ü img
ü form
ü table
ü h1...h6
ü ul
ü li
2) 行内标记(不用另起一行)
常见的行内标记
ü span
ü strong
ü a
. 一些常见的属性*
. 文本属性*
font-size :30px ;
字体大小
font-family : "宋体"
字体
font-style : italic(斜体)/normal(正常)
风格
font-weight : 100
粗绅 100~900
text-align :center
对齐方式 left , right , center
text-decoration : underline ;
加下划线
cursor :pointer ;
光标的形状(wait,hand,pointer..)
. 背景颜色*
background-color : red ;
背景颜色
background-image: url(images/)
背景图片
background-repeat : no-repeat ;
平铺方式 repeat-x repeat-y
background-position : 20px 10px ;
位置
background-attachment : fixed ;
依附方式 scroll(缺省)
以上属性也可以简写为:
background : 背景颜色背景图片平铺方式依附方式水平位置垂直位置
. 边框属性*
border:1px solid red ;
宽度风格颜色
border-style: solid(实线) dashed(虚线)
边框线条
border-left
左边框
border-right
右边框
border-bottom
下边框
border-top
上边框
. 定位*
width