CSS样式表基本知识点.pptVIP

前端设计课程培训 云创科技专注IT教育 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 现代网页设计网页CSS样式/html/安装google浏览器 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS结构 *内联格式： style /style *外链文件 link href=css/hello.css rel=stylesheet type=text/css / Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS结构 *书写格式： div id=foo class=foo/div 内部标签： foo{} id: #foo{} class: .foo{} Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS结构 *预设： * { margin:0; padding:0; } 所有标签内外边界全置0 *body预设 *块面预设{display:block} *行内预设{margin: 0; padding: 0; border: 0; z-index:inherit;} *图像预设img,a img { border:0; margin:0; padding:0; } Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS结构 *预设： * 表格预设 table { empty-cells: show; border-collapse: collapse; } 显示空表格、合并表格线 *表单预设 ul li{ list-style: none; } *标题预设 h1, h2, h3, h4, h5, h6 { font-size: 1.6em; } *文本预设 em, i { font-style: normal; } Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS结构 *a预设： * a预设 a{background:transparent; width:100%} *a:active,a:hover{outline:0} 点击、划过 *a .link{text-decoration:none; color:#CCC} 未访问 *a:visited,a:hover,a:active{text-decoration:none;} 已访问、划过、点击文本样式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS属性 *display 规定元素应该生成的框的类型 none、block、inline、inline-block、table、inherit Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网页编程 /CSS CSS属性 *Positioning 元素的定位类型 static、relative、absolute、fixed 配合z-index使用 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Cop