测试common.css的展示效果
panel + ul.inline & ul.inlist
- 001
- 002
- 003
- 004
- 005
- 001
- 002
- 003
- 004
- 005
pre测试
#absolute-block-center { width: 200px; height: 200px; position: absolute; margin: 0 auto; left: 0; right: 0; background-color: #00ffff; }
strong测试
这是一行文字,其中的strong单词用了strong标签包了起来,notice用了strong标签和notice样式
article + dl/dt/dd
补充:position的值以及作用
- static
- 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
- relative
- 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
- absolute
- 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
- fixed
- 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
- inherit
- 规定应该从父元素继承 position 属性的值。
code
function
,条件判断用switch
或者if...else...