《网页制作案例教程（HTML5+CSS3)》 课件 项目3、4 CSS基础、 字体和文本样式.pptx

;;1;;CSS简介;CSS简介;CSS简介;;CSS样式规则;CSS样式规则;CSS引入方式;CSS引入样式;CSS引入样式;CSS引入样式;CSS引入样式;CSS引入样式;CSS引入样式;;CSS基础选择器;标记选择器又称元素选择器，用HTML标记名称作为选择器，根据标记名称来选择HTML元素。;类选择器使用“.”（英文点号）进行标识，后面紧跟类名。HTML标记套用类样式时，需要使用class=“类名”。;id选择器使用“#”进行标识，后面紧跟id名。HTML标记套用id样式时，需要使用id=“id名”。;通配符选择器用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。;后代选择匹配属于指定元素后代的所有元素，其标识是中间有一个空格，把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。;并集选择器是各个选择器通过逗号连接而成的。若某些选择器定义的样式完全或部分相同，可利用并集选择器为它们定义相同的样式。;;制作“药王-孙思邈”页面;;层叠性是指多种CSS样式的叠加。就是对一个元素多次设置同一个样式。;CSS的优先级、继承与层叠;CSS的优先级、继承与层叠;CSS的优先级、继承与层叠;CSS的优先级、继承与层叠;CSS的优先级、继承与层叠;CSS的优先级、继承与层叠;继承性是指被包在内部的标记将拥有外部标记的样式，即子元素可以继承父元素的属性。;不可继承的属性：display、border、padding、margin、background、height、width、overflow、position、left、right、top、bottom、z-index、float、clear等。;制作故宫页面;;;;1;;设置字体属性;设置字体属性;设置字体属性;设置字体属性;设置字体属性;设置字体属性;设置字体属性;设置字体属性;设置字体属性;;设置文本属性;设置文本属性;设置字体属性;设置文本属性;设置文本属性;设置文本属性;设置字体属性;设置文本属性;设置文本属性;设置字体属性;设置文本属性;设置文本属性;设置文本属性;设置文本属性;;设置文字阴影及模糊效果。;设置字体属性;通过@font-face，开发者便可以使用用户计算机未安装的字体。;CSS3新增文本属性;;随着网络技术的不断发展,电信诈骗手段也层出不穷。充分了解电信诈骗,能够有效提高我们的反诈意识，保护财产安全。下面我们要制作预防电信诈骗页面。;制作预防电信诈骗网页;;设置超链接样式;设置超链接样式;设置超链接样式;制作标记介绍网页;