一、CSS
- CSS概述
1.1.1CSS的作用
1.1.2什么是CSS
*CSS:层叠样式表,简称样式表
*用于html文档中元素的样式定义
-实现了将内容与表现分离
-提高代码的可重用性和可维护性
1.2使用CSS样式表
1.2.1使用CSS样式表
*内联方式
-样式定义在单个的html元素中
*内部样式表
-样式定义在html页的头元素中
*外部样式表
-将样式定义在一个外部的CSS文件中(.css文件)
-由html页面引用样式表文件
1.2.2内联方式使用CSS
*样式定义在html元素的标准属性style里
*CSS语法
-只需将分号隔开的一个或多个属性、值对作为元素的styel属性的值
-属性和属性值之间用:连接
-多对属性之间用;隔开
1.2.3内部样式表
*样式表规则位于文档头元素中的<style>元素内
-在文档的<head>元素内添加<style>元素
-在<style>元素中添加样式规则
*在<style>元素中添加样式规则
-可以定义多个样式规则
-每个样式规则有两个部分:选择器和样式声明
*选择器:决定哪些元素使用这些规则
*样式声明:一对大括号,包含一个或多个属性/值对
1.2.4外部样式表
*第一步:创建一个单独的样式表文件用来保存样式规则
-一个纯文本文件,文件后缀为.css
-该文件中只能包含样式规则
-样式规则由选择器和样式声明组成
*第二步:在需要使用该样式表文件的页面上,使用<link>元素链接需要的外部样式表文件
-在文档的<head>元素内添加<link>元素