XML与CSS.ppt

* 第四章例子/设置块的位置2 * 注:如果有许多”文本代表”都指定自己代表的文本按行的方式在浏览器中显示,那么各行按先后顺序首尾相接来显示 * 如果为父标记指定的显示方式是” block”,那么,当为子标记指定的方式是”line”时,子标记是指在父标记的”block”区域中的”line” * 第四章例子/结合使用块方式和行方式3 * 和list-item属性有关的属性是list-style-type,通过设置该属性可以 更改项目符号的外观,项目符号的默认外观是disc(实心圆) * 如果list-style-type属性值设置为square, decimal, lower-roman和upper-roman,则这些列表的项目符号会按先后顺序递增 * 第四章例子/使用列表方式显示数据4 * * 第四章例子/设置文本样式5 * border-color 设置1个颜色值时，4个边的颜色与设置的颜色相同；设置2个颜色值时，那么上边和底边的颜色与设置的第一个颜色相同，左边和右边的颜色与设置的第二个颜色相同；设置4个颜色值时，那么按：上、右、底、左的顺序指定各边的颜色 * * 第四章例子/设置边框6 * 第四章例子/设置边框的边缘7 * 为了单独显示一幅图像，只要形式上为一个空标记指定一幅背景图像即可，由于空标记没有文本内容，其背景的大小为0*0，所以必须用block来组织文本，并使用width和height属性指定块区域的大小 * 第四章例子/显示图像8 * 第四章例子/处理层叠10 * 第四章例子/处理层叠10 4.6 边框 边框各个属性值显示的效果图 4.6 边框 3. border-top-width、 border-bottom-width 、 border-right-width 、 border-left-width等属性用来设置边框的上边、底边、右边和左边的宽度，例如： border-bottom-width:12; border-right-width:12; 4.6 边框 4. border-right、 border-left、 border-bottom 、 border-right 等属性可用来单独设置边框的右边、左边和底边的样式。即，在设置了border-style属性后，可以再单独设置这些属性，修改边框的某个边的样式。该3个属性的取值范围和border-style的相同。 4.6 边框 5. border-color 设置1个颜色值时，4个边的颜色与设置的颜色相同；设置2个颜色值时，那么上边和底边的颜色与设置的第一个颜色相同，左边和右边的颜色与设置的第二个颜色相同；设置4个颜色值时，那么按：上、右、底、左的顺序指定各边的颜色 4.6 边框 例如： 颜色也可以是一个三元组构成的颜色 border-color:rgb(12,255,220); border-color：上、右、底、左 例子6 Cha4_6.xml ?xml version=1.0 encoding=UTF-8? ?xml-stylesheet href=“Show6.css type=text/css ? root bigFrame 我是最大的点边框: smallFrame ID=01 我是其中的双线小边框: /smallFrame smallFrame ID=02 我是其中的3D小边框: /smallFrame /bigFrame /root Show6.css bigFrame { display:block; border-style:dotted; border-top-width:15; font-size:18pt; color:red; width=260; height=150; } smallFrame#01 { display:block; border-style:double; font-size:12pt; color:blue; width=180; height=60; } smallFrame#02 { display:block; border-style:ridge; font-size:8pt; color:green; width=130; height=30; } 4.6 边框 设置边框显示