第4章 表单及CSS幻灯片.pptVIP

二、文本样式 1.字体名称属性(font-family) 这个属性设定字体名称，例句如下： .s1 {font-family:Arial} 2.字体大小属性(font-size) 这个属性可以设置字体的大小。字体大小的设置可以有多种方式，最常用的就是pt和px(pixel)。例句如下： .s2 {font-size:16px} 3.字体风格属性(font-style) 这个属性有三个值可选：normal, italic, oblique。normal是缺省值，italic, oblique都是斜体显示。例句如下： .s1 {font-sytle:italic} 4.字体浓淡属性(font-weight) 这个属性常用值是normal和bold，normal是缺省值。例句如下： p style = font-weight:bold这段文字字体的浓淡属性值是bold。p 5.字体颜色(color) 字体颜色用CSS中的color属性来表示。例如: .p1{color:#ff00ff} 三、背景设置 1.背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。代码如下： body {background-color:#99FF00;} 2.背景图片属性(background-image) body style=background-image:url(../images/123.jpg) 3.背景重复属性(background-repeat) 这个属性和background-image属性连在一起使用，决定背景图片是否重复。如果只设置background-image属性，没设置background-repeat属性，在缺省状态下，图片既横向重复，又竖向重复。 repeat-x 背景图片横向重复 repeat-y 背景图片竖向重复 no-repeat 背景图片不重复 body {background-image:url(../images/123.jpg); background-repeat:repeat-y} 4.背景附着属性(background-attachment) 这个属性和background-image属性连在一起使用，决定图片是跟随内容滚动，还是固定不动。这个属性有两个值，一个是scroll，一个是fixed。缺省值是scroll。 body {background-image:url(../images/123.jpg); background-repeat:no-repeat; background-attachment:fixed} 5.背景位置属性(background-position) 这个属性和background-image属性连在一起使用，决定了背景图片的最初位置。 body {background-image:url(../images/123.jpg);background-repeat:no-repeat; background-position:20px 60px} 四、边框样式 1.边框风格属性(border-style) 这个属性用来设定上下左右边框的风格，它的值如下： none (没有边框) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset (内嵌效果的边框) outset (突起效果的边框) 1.cm、mm 厘米、毫米 1cm=10mm 2.in-英寸 1in=2.54cm 3.pt-磅/点 1pt=0.0352806cm 4.pc-派卡 1pc=0.4233cm 5.em-相对长度，相对于文本字体尺寸 1em=16px 五、边距样式 1.左边距属性(margin-left) 这个属性用来设定左边距的宽度。示例如下： .d1{margin-left:1cm} 2.右边距属性(margin-right) 这个属性用来设定右边距的宽度。示例如下： .d1 {margin-right:1cm} 3.上边距属性(margin-top) 这个属性用来设定上边距的宽度。示例如下： .d1 {margin-top:1cm} 4.下边距属性(margin-bottom) 这个属性用来设定下边距的宽度。示例如下： .d1{margin-bottom:1cm} 5.边距属性(margin) 这个属性是设定边距宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右边距属性。 可以为上下左右边距设置相同的宽度。示例入下： .d1 {margin:1cm} 也可以分别设置边距