还剩6页未读,继续阅读
文本内容:
《理学基础》课件CSS PPT本课件将引导您深入理解,并学习如何使用来美化和布局网站CSS CSS什么是及其重要性?CSS()是一种用于网页样式设计的语言其重要性在于,可以通过改变CSS LevelCascading StyleSheets CSS标签的样式定义网页外观和布局是设计中不可或缺的一部分HTML CSSweb的代码示例渐变色CSS LogoCSS是推出的标准技术之一使用可以快速实现网页设计可以实现各种炫酷的渐变效CSS W3C CSS CSS效果果布局让网页布局更为灵活多样CSS基础知识CSS选择器Selector Declarationdeclaration规则由选择器和声明块两部分组成选择声明块由一条或多条属性值对组成属性定义CSS-器指向需要设置样式的标签需要设置的样式属性,值则规定该属性的值是HTML什么选择器外部样式表CSS选择器划分为基础选择器和组合选择器外部样式表是最常见的样式定义方式通过CSS基础选择器包括标签、类别、、属性和伪类标签定义在文档头部,可以统一ID linkHTML选择器组合选择器包括,后代选择器、子元整个网站的样式外部样式表方便样式的维护,素选择器、相邻同胞选择器和通用选择器减少文件体积HTML常见的属性和值CSS背景属性1提供了多种背景设置属性,用来美CSS化网页、增强视觉效果字体属性2提供了多种字体设置属性,用来控CSS制字体的样式、大小、颜色等特性颜色相关属性3颜色是中很重要的一部分提CSS CSS供了多种颜色设置属性,用来控制网页的配色效果选择器和伪类CSS标签选择器伪类选择器高级用法CSS伪类是一类特殊的选择器,选择器可以通过参数、空网页超链接CSS CSS•a-用于选取那些不在文档树中的格符、、、等符号实现更+~段落•p-元素,比如链接的状态多复杂的选择效果,比如筛选标题出某种特定结构的元素、匹配•h1~h6-鼠标悬停状态•:hover-某一种特定的属性值图片•img-下的样式访问过的链•:visited-接的样式激活状态下的样式•:active-样式继承和层叠CSS继承()层叠()指令1Inheritance2Cascading3@import继承是中的一种重要在中,不同的选择器是一种导入其他CSS CSS@import机制,它可以减少重复的可能同时对一个元素应用文件的方式,引用文CSS代码量,提高代码的多种样式规则,这时就需件以无缝连接文件CSS CSS可维护性要根据层叠规则(级别、优先级、特殊性等)来决定最终的呈现结果使用布局网页CSS流式布局网格布局弹性盒子布局流体布局是响应式设计常用的方网格布局通过划分区域动态布局弹性盒子布局通过指定容器和子法,通过百分比和弹性盒子布局内容,使布局更加丰富和灵活内容的各种方向属性,使布局处来实现效果理更简便、更方便结语是构建美观和功能丰富的网页必不可少的一部分学习根据需求不同,可以使网页更加灵活、更加多CSSCSS样化学习,您将成为一位不可多得的网页设计师CSS了解更多学习工具推荐书籍在线学习平台,CSS Mastery:Advanced Webw3school.com runoob.comStandards Solutions3rd ed.。