[理学]基于web标准的网页设计--第4讲 CSS样式.pptVIP

select下拉菜单标记 　用select标记可以在表间中插入一个下拉菜单，它需与option标记联用，因为下拉菜单中的每个选项要用option标记来定义。 select标记的语法如下： select name=nametext size=n multiple 　 其中name：设定下拉式菜单的名称；size：设定菜单框的高度，也就是一次显示几个菜单项，一般取默认值（size=1）； multiple：设定为可以进行多选。 option选项标记该标记为下拉菜单中一个选项，语法： option selected value=value 其中selected：表示当前项被默认选中；value：表示该项对应的值，在该项被中之后，该项的值就会被送到服务器进行处理。 本节重点: 熟练掌握样式的定义、格式、设置方式、选择器 css样式表 本节难点: 选择器应用 CSS定义 CSS(Cascading Style Sheet)（层叠）级联样式表，可以与HTML在一起用，但是不算HTML，可以扩展HTML的功能，重新定义HTML元素的显示方式，一般来说所有的定义应包含在STYLE元素里放在HEAD里面。 注意：属性和属性值用：来赋值，属性与属性之间用；来隔开。 CSS技术一般分为三种方式：1、嵌入式样式表 2、全局格式样式表 3、外部样式表 CSS语法（P78） 行内式 嵌入式样式表是指直接将CSS样式写入到某一HTML标签的style属性中，根据设计要求，设定相应的属性值。 嵌入式 全局样式表是指CSS样式定义在页头，用于控制整个页面内的样式的样式表。书写时同样要遵循样式表语法规范。 链接样式表 我们学习了行内式，知道了如何定义一个元素的样式，学习了嵌入式表，知道了如何由其来管理整个页面的样式，但是对于页面的维护来说，通过链接样式表更有利于维护，因为模块式分离的管理，便于编写人员直接的交流和更新。 link href=url rel=stylesheet“ type=text/css CSS属性 属性类别 属性明细 含义 常用设置 字体属性 font-family 使用什么字体 sans-serif, Tahoma; font-size 字体的大小 12px font-style 字体是否斜体 Normal、italic、oblique font-variant 是否用小体大写 Normal、small-caps font-weight 字体的粗细 Normal、bold、bolder、lithter等 CSS属性 属性类别 属性明细 含义 常用设置 背景属性 Color 定义前景色 颜色 Background-color 定义背景色 颜色 Background-image 定义背景图案 url（路径） Background-repeat 重复方式 Repeat-x、repeat-y、no-repeat Background-attachment 设置滚动 Scroll、Fixed Background-position 初始位置 Percentage、length、top、left、right、bottom等 CSS属性 属性类别 属性明细 含义 常用设置 文本属性 Text-decoration 装饰 None|underline|overline|line-through| Vertical-align 垂直对齐 sub|super|top|middle|bottom Text-transform 大小写 lowercase|none Text-align 水平对齐 Left|right|center|justify CSS属性 属性类别 属性明细 含义 常用设置 边距属性 Margin-top 顶端边距 Length|percentage|auto Margin-right 右侧边距 同上 Margin-bottom 底端边距 同上 Margin-left 左侧边距 同上 填充距属性 Padding-top 顶端填充距 Length|percentage Padding-right 右侧填充距 同上 Padding-bottom 底端填充距 同上 Padding-left 左侧填充距 同上 CSS属性 属性类别 属性明细 含义 常用设置 边框属性 Border-width 一次定义宽度 同上 Border-color 设置边框颜色 Color Border-style 设置边框样式 None|dotted|dash|solid等 Border-top 一次定义顶端 Border-top-widt