(精)xg网页设计2-3.pptVIP

在不同浏览器的不同效果 符合web标准的浏览器中，ul标签会有默认的内边距。 为解决对于不同浏览器的兼容问题，可以使用通用选择器。 去掉项目符号，将每个列表项的显示方式改为块元素，删除超链接的下划线…… #nav li { list-style:none; display:block; padding:3px 6px; font-size:2em; background-color:#ccc; } #nav li a {text-decoration:none; color:#0000FF } 使用通用选择器 *{ margin:0; padding:0;} 如果将MAGIN改为5%—— *{ margin:3%; padding:0;} 如果不希望列表项之间有空隙， 如何能消除？ #nav li{……; margin:0;} 对其它元素的影响 p通过 CSS 继承，strong子元素/strong将继承最高级元素（在本例中是 body）所拥有的属性。并且在大部分的现代浏览器中/p 可以看出，p和strong标签都受到了影响。 其它示例 div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;} img,a img{border:0;margin:0;padding:0;} h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;} ul,ol,li {list-style:none} 在HTML中使用CSS的方法 行内式 内嵌式 链接式 导入式 行内式/内联样式 在所有样式方法中最为直接的一种，它直接对HTML的标记使用style属性，将CSS代码直接写在其中。例如： P style=color:#000099; font-size:36px; 正文段落 /P 嵌入式 在对页面中各种元素的设置集中写在head和/head之间的，对于单个页面来说，这种方式很方便。 链接式 链接式样式表使用频率最高，也最为实用。 它将HTML页面本身与CSS样式风格分离为两个或多个文件，实现了页面框架HTML代码与美工CSS代码的完全分离，使得前期制作和后期维护都非常方便。 同一个CSS文件可以链接到多个HTML文件中，甚至可以链接到整个网站的所有页面，使得网站的风格统一，协调。 格式如下：link href=mystyle.css rel=stylesheet type=text/css/ 链接式示例 首先创建.css文件： h2{ color:#0000FF; } p{ color:#FF0000; text-decoration:underline; font-weight:bold; font-size:16px; } 在网页头部加入链接信息 link href=LianJieShi.css type=text/css rel=stylesheet/ link 标签 -- 当在文档中声明使用外接资源(比如CSS)时使用此标签 href -- 指定需要加载的资源(CSS文件)的地址URI. 实例： link type=text/css rel=stylesheet href=/upload/style/global1212.css / link type=text/css rel=stylesheet href=/upload/style/layout091102.css / link type=text/css rel=stylesheet href=/upload/style/style110830.css / link type=text/css rel=stylesheet href=/upload/style/pp101029.css / REL=STYLESHEET rel是relationship的英文缩写stylesheet中style是样式的意思,sheet是表格之意,总起来是样式表的意思.rel=“stylesheet” 描述了当前页面与href所指定文档的关系.即说明的是,href连接的文档是一个样式表 导入式 导入式与链接式功能基本相同。 格式如下：style type=text/css @import mystyle.css;/style 建议