CSS样式表入门：控页面元素样式和格式

24 浏览量更新于2024-06-29 收藏 186KB PPT 举报

CSS动态网站制作优秀文档 CSS（Cascading Style Sheets）是一种制作网页的新技术，简称样式表。它可以精确地控制页面里的每一个元素的字体样式、背景、排列方式、区域尺寸、四周加入边框等。使用CSS能够简化网页的格式代码，加快下载显示的速度，外部链接样式可以同时定义多个页面，大大减少了重复劳动的工作量。一、CSS概述 CSS是W3C（The World Wide Web Consortium）在1997年发布的HTML4标准的同时公布的第一个标准CSS1，之后又在1998年5月发布了CSS2版本。W3C把DHTML（Dynamic HTML）分为三个部分来实现：脚本语言（包括JavaScript、VBScript等）、支持动态效果的浏览器（包括Internet Explorer、Netscape Navigator等）和CSS样式表。二、CSS语法 CSS的定义是由三个部分构成：选择符（selector）、属性（properties）和属性的取值（value）。基本格式如下： selector { property: value } 例如：body { color: black } 如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合： p { font-family: "sansserif" } 如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开： p { text-align: center; color: red } （段落居中排列；并且段落中的文字为红色）采用分行的书写格式：例1： p { text-align: center; color: black; font-family: arial } 在<head>…</head>之间： <style type="text/css">  </style> 把相同属性和值的选择符组合起来书写，用逗号将选择符分开，减少重复定义： h1, h2, h3, h4, h5, h6 { color: green } p, table { font-size: 9pt } 三、CSS的优点使用CSS能够简化网页的格式代码，加快下载显示的速度，外部链接样式可以同时定义多个页面，大大减少了重复劳动的工作量。CSS还可以实现网页的动态效果，例如动态菜单、动态表格等。四、CSS的应用 CSS广泛应用于网页设计、网页开发、动态网站制作等领域。使用CSS可以制作出更加美观、更加实用的网页，提高用户体验。同时，CSS也可以用于移动设备、平板电脑、电视等设备的网页设计。五、CSS的未来发展随着互联网技术的不断发展，CSS也将不断发展壮大。未来，CSS将与其他技术结合，例如HTML5、JavaScript等，实现更加复杂的网页效果。同时，CSS也将被应用于更多的领域，例如移动设备、智能家居等。