- 内容摘要:
- 介绍CSS的语法和使用方法。
13.CSS
知识点:
什么是 CSS?
- CSS 指层叠样式表,用于渲染HTML元素标签的样式
- 多个样式定义可层叠为一个
CSS 语法
- 主要由选择器和声明构成
- 每条声明由一个属性和一个值组成
- CSS注释
/* 这里写注释 */ p {background-color:green;font-size:20px;}
CSS id 和 class
- 在元素中设置CSS样式,需要在元素的"id" 或者 "class"属性中设置
- 用id属性来设置,CSS中以 “#” 来定义。
- 如下CSS代码对id ="demoId"的元素生效
#demoId {background-color:green;font-size:20px;}
- 如下CSS代码对id ="demoId"的元素生效
- 用class属性来设置,CSS 中的以 “.” 来定义。
- 对所有拥有class ="classId"的元素生效
.classId{background-color:green;font-size:20px;}
- 对所有拥有class ="classId"的元素生效
- 对所有的 p 元素使用 class=“center”
p.center {text-align:center;}
- 多个 class 选择器可以使用空格分开
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>class 选择器</title> <style> .center { text-align:center; } .color { color:#ff0000; } &l