第一阶段1.4-ps切图与列表divcss布局_第1页
第一阶段1.4-ps切图与列表divcss布局_第2页
第一阶段1.4-ps切图与列表divcss布局_第3页
第一阶段1.4-ps切图与列表divcss布局_第4页
第一阶段1.4-ps切图与列表divcss布局_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、1.4 DIV+CSS布局有序列表/无序列表应用示例详解盒子模型DIV+CSS布局自适应菜单技术应用有序列表/无序列表应用示例有序列表:在列表项内容前自动增加排列序号列表1列表2列表3列表4注:(默认序列为数字)type中是a,表序列为小写字母,type中是i,表罗马序号小写(大写表大写),start=“3”,表从第三个字符开始无序列表:强调式列表,在内容前显示特殊符号 (注:默认为圆点)列表1列表2列表3列表4注:去除序列前的符号 ul,limargin:0;padding:0;list-style:none;详解盒子模型一个边框分为:外边距,边框,填充框边框属性1、border-topbo

2、rder-bottom border-rightborder-left 功能:这四个属性都是简写属性,分别设置上,下,右,左的边框属性。缺省情况下,边框没有样式设置。数值:共有三个边框属性2、border-color:功能:简写属性,设置四个边框的颜色值。数值:可以用颜色名或RGB值。如果指定单个颜色,则四个边框都显示为这个颜色;如果指定两个颜色,则顺序为上下,左右;如果指定三 种颜色,则顺序为上,左右,下;如果指定四种颜色,则顺序为上,右,下,左。3、border-width: 边框的宽度指定长度。功能:简写属性,可同时设置四个边框的宽度。数值:thin - 细边框。medium - 中等线

3、宽。 thick - 粗线。长度 - 用相对或绝对border-top-width border-bottom-width border-right=widthborder-left-width 功能:分别设置各个边框的厚度。设置边框宽度4、border-style: 设置用于修饰边框的底纹。可以设置下列样式: none - 不显示边框,为缺省值dotted - 点线 dashed - 虛线 solid - 实线 double - 双线 groove - 3D陷入线ridge - 3D山脊狀线 inset - 使页面有沉入感 outset - 使页面有浮出感框位置属性1、height功能:设置元素高度,浏览器按照这个高度调整图形。2、width功能:设置元素宽度,浏览器按照这个宽度调整图形。DIV+CSS布局(正航科技首页布局)自适应菜单技术应用(成正航科技首页nav演示)当天任务:1.掌握有序列表,无序列表的常用属性,样式,完成正航科技列表页列表练习2.正

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论