拓薪教育-css实战详解-任亮探究.pdfVIP

拓薪教育—高级软件人才实作培训专家 CSS 实战详解 作者：任亮 讲师：任亮 拓薪教育—高级软件人才实作培训专家 1. CSS 概述 CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。可以解决 html 代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。 简单一句话：CSS 将网页内容和显示样式进行分离，提高了显示功能。 单纯使用 html 的属性来控制页面样式不方便 p align=centerfont color=#00ff33/font/p p align=centerfont color=#00ff33任亮/font/p p align=centerfont color=#00ff33大家好，我们开始学习 css/font/p 2. css 的引入方式 1. 在 HTML 元素属性中引入 在 html 标签中使用 style 属性： 属性值是键值对形式的集合，每一个键值对之间的用:连接，多个属性值之间用;隔 开。 p style=color: #00ff33;text-align: center;/p p style=color: #00ff33;text-align: center;任亮/p p style=color: #00ff33;text-align: center;大家好，我们开始学习 css/p 2. 在 HTML 的头信息中定义 CSS style type=text/css p { color:#0000ff; text-align:center; } /style 拓薪教育—高级软件人才实作培训专家 3. 在 HTML 中引入 CSS 文件 通过 head 标签中 link 标签来实现，前提也是先要有一个已定好的 CSS 文件。 例： HTML 代码 p /p p 任亮/p p 大家好，我们开始学习 css/p CSS 引入代码： link href=1.css type=text/css rel=stylesheet CSS 文件代码 p { color: #00ff22; text-align: center; } input { width: 50px; height: 10px; } 注：可以通过多个 link 标签链接进来多个 CSS 文件。重复样式以最后链接进来的 CSS 样式为 准。 第二种引入方式： style type=text/css @IMPORT url(1.css); /style 样式优先级： 由上到下，由外到内。优先级由低到高。 3.CSS 的选择器 1.C