- A+
所属分类:Web前端
一、什么是CSS
- CSS是一门语言,用于控制网页表现
- 样式定义如何显示 HTML 元素
- 样式通常存储在样式表中,外部样式表可以极大提高工作效率
- 外部样式表通常存储在 CSS 文件中
- 多个样式定义可层叠为一个
二、CSS导入方式
CSS导入HTML有三种方式:
- 内部样式:在标签内部使用style属性,属性值是CSS属性键值对
<div style="color.red">Hello CSS-</div>
- 内部样式:定义<style>标签,在标签内部定义CSS样式
<style type = "text/css"> div { color:red; } </style>
- 外部样式:定义link标签,引入外部的CSS文件
<link rel="stylesheet" href="demo.css">
三、CSS选择器
- 概念:选择器是选取需设置样式的元素(标签)
div{ color:red; }
分类
- 元素选择器
- id选择器(可以为标有特定 id 的 HTML 元素指定特定的样式,以 "#" 来定义)
- 类选择器(可以在多个元素中使用,以一个点 . 号显示)
四、CSS背景
CSS 背景属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position