CSS技术基本概述.ppt资源-CSDN文库

版权申诉

79 浏览量 2021-10-12 18:20:11 上传评论收藏 1.89MB PPT 举报

CSS技术基本概述 CSS是 Cascade Style Sheet 的缩写，译为级联样式表。它是一种用于描述网页样式的语言，由 W3C 组织制定。CSS 能让网页制作者有效地定制、改善网页的显示效果。 CSS 定义： CSS 是一种用来定义样式规则（如字体、颜色和位置）的语言。它能让网页制作者有效地定制、改善网页的显示效果。 CSS 的产生：在 HTML 中，文本的格式化（样式设置）可以使用一些特定的标记，比如粗体标记 <b> ， <font> 标记等。样式标记散落于 HTML 语言中，使得内容和格式化的代码混杂一起，难以区分。解决方法是改用独立的技术——CSS。第一个 CSS 示例： p{color : red;} 这条 CSS 语句的作用是选择页面上的所有 <p> 元素，将内容的字体颜色设置为 red。称之为 p 选择符—— 也叫做“选择符”。 CSS 语句的构成： * 样式 * 应用样式的场所 p{color : red;} 在这里，页面中的 <p> 元素是应用样式的场所，CSS 中，元素名称两边不加 < > 属性名 color 代表字体颜色属性值 red 一条样式样式属性名和值之间用冒号（：）分隔，每条样式最后加一个分号（；）应用于 <p> 元素的所有样式放置在一对大括号之间。 CSS 语句里添加更多样式： p{color : red;font-size:32px;} 这条 CSS 语句的作用：将页面上 <p> 元素的内容的字体颜色设置为 red ，大小设置为 32 像素。 CSS 的引入： CSS 的引入有多种方式，第一个示例采用在页面文件中直接引入 CSS 样式，方法如下： <html> <head> <title>css</title> <style type=“text/css”> p{color:red;} </style> </head> <body> <p> 第一段文字 </p> </body> </html> 在 HTML 页面中直接引入 CSS ，需要在 <head> 元素里增加一对样式开始和结束标记（ <style> ）<style> 标记属性 type 值为 text/css，css 语句置于 <style> 标记之间。写法：以下写法都可以： p{color : red;font-size : 32px;} p{ color : red; font} CSS 不区分大小写，推荐全部小写。

资源详情

资源评论