CSS简介

CSS入门学习
一、CSS简介
1、什么是CSS
CSS：Cascading Style Sheet 层叠样式表

是一组样式设置的规则，用于控制页面的外观样式

2、为什么使用CSS
实现内容与样式的分离，便于团队开发

样式复用，便于网站的后期维护

页面的精确控制，让页面更精美

3、CSS作用
页面外观美化

布局和定位

二、基本用法
1、CSS语法

 

• 选择器：要修饰的对象（东西）
• 属性名：修饰对象的哪一个属性（样式）
• 属性值：样式的取值

 

2、CSS应用方式
也称为CSS引用方式，有三种方式：内部样式、行内样式、外部样式

2.1 内部样式
也称为内嵌样式，在页面头部通过style标签定义

对当前页面中所有符合样式选择器的标签都起作用

2.2 行内式
也称为嵌入样式，使用HTML标签的style属性定义

只对设置style属性的标签起作用

2.3 外链式
使用单独的 .CSS 文件定义，然后在页面中使用 link标签 或 @import指令 引入

使用 link标签 链接外部样式文件

 

 @import 指令 导入外部样式文件