css+div基础知识.pptVIP

字体 字体： font-family:用于设置字体类型; font-size:用于设置字体大小，一般用px表示; font-style:用于设置字体样式：Normal:正常,italic:斜体;oblique:正常文字倾斜; text-decoration:underline:下划线;overline:上划线;line-through:中划线;none:无; font-weight:设置字体的粗细。 color:(1)使用#RRGGBB 或 内定颜色：red,yellow; 背景 背景颜色： 方法一：background-color:设置背景色; 方法二：background:设置背景色; 背景图片: 方法一： background-image:设置背景图象; background-repeat:背景是否重复, repeat:水平方向和垂直方向重复 repeat-x:水平方向重复 repeat-y:垂直方向重复 no-repeat:水平方向和垂直方向都不重复 方法二：background:设置背景图象 repeat-x/repeat-y/no-repeat; 文本 text-align:设置文本的对齐方式 left:左对齐 right:右对齐 center：居中 text-indent:设置文本的第一行的缩进，负值文本向外拉 边框 上下左右线条不同： border-top:上边框的像素值 线的类型 线的颜色； border-bottom:下边框的像素值 线的类型 线的颜色； border-left:左边框的像素值 线的类型 线的颜色； border-right:右边框的像素值 线的类型 线的颜色； 上下左右线条相同： border：上下左右边框的像素值 线的类型 线的颜色； 边框类型： dotted(点线) dashed(虚线) solid(实线) double(双线) 列表 list-style: 指定目录列表项标记样式类型 none disc:实心圆 circle:空心圆 square:方块 decimal:阿拉伯数字 其它 cursor: hand; 边框 margin类:用于设置元素边界与其它元素边界的空隙大小 margin-top: margin-right: margin-bottom: margin-left: padding类:用于设置元素边界与内部内容之间的空隙大小. padding-top: padding-right: padding-left: padding-bottom; 浮动属性 float:定义网页中的其它文本如何环绕该元素. left 文本浮动在这个元素的左边; right 文体浮动在这个元素的右边; none 元素两边不允许有文本; 边框 上下左右线条不同： border-top:上边框的像素值 线的类型 线的颜色； border-bottom:下边框的像素值 线的类型 线的颜色； border-left:左边框的像素值 线的类型 线的颜色； border-right:右边框的像素值 线的类型 线的颜色； 上下左右线条相同： border：上下左右边框的像素值 线的类型 线的颜色； 边框类型： dotted(点线) dashed(虚线) solid(实线) double(双线) Margin属性 margin类:用于设置元素边界与其它元素边界的空隙大小 margin-top: margin-right: margin-bottom: margin-left: padding类: 用于设置元素边界与内部内容之间的空隙大小. padding-top: padding-right: padding-left: padding-bottom; CSS的选择符 标签选择符 Id选择符 类(class)选择符 通用选择符* 分组选择符 包含选择符 高级(伪类)选择符 css的样式分类 内联样式 内部样式 外部样式 1.样式命名 头 部：　　head 主导航：　　mainNav 顶导航：　　topNav 子导航：　　subNav 页　脚：　　footer 整个页面：　allContent 标　题：　　title 左板块： left 右板块： right 中间板块： middle 板块: plate 标　识：　　logo 标　语：　　banner 菜单： menu * * * HTML标签的外观样式