HTML5CSS3网页设计与制作（第二版）课件：将CSS应用于网页.pptxVIP

将CSS应用于网页

PPT模板1行内样式表2内部样式表3外部样式表目录CONTENTS

01行内样式表根据样式代码的位置不同，可以将样式分为行内样式表、内部样式表和外部样式表三类。如果希望某段文字和其他段落文字的显示风格不一样，那么采用“行内样式”比较合适。行内样式使用元素标签的?style?属性定义。案例演示

PPT模板1行内样式表2内部样式表3外部样式表目录CONTENTS

02内部样式表内部样式表又称内嵌样式表，它放置在HEAD标签内，格式如下：其中STYLE…/STYLE分别代表样式的开始和结束。定义好某个标签（如p）的样式后，所有同类标签（如p）都将采用该样式。案例演示

PPT模板1行内样式表2内部样式表3外部样式表目录CONTENTS

03外部样式表根据样式文件与网页的关联方式，可分为两种：链接外部样式表和导入样式表。无论是行内样式还是内嵌样式，都实现了在同一张网页内，各个标签可以采用自己希望的样式。但是，这还远远不够，因为在开发网站时，可能希望整个网站的所有网页都采用同一样式，这怎么办呢？这时可以把这些样式从HEAD标签中提取出来，放在一个单独的文件中，然后和每张网页关联,这种做法就是外部样式表。案例演示

感谢聆听