CSS基础内容（极简）

CSS简介

什么是css？

CSS指层叠样式表(Cascading Style Sheets)
主要用来设置网页中元素的样式。如边框，颜色，位置等…

为什么使用CSS

1. 能复用
2. 能大量编写样式

CSS基本语法

编写位置

语法规则

样式名:样式值
每一组之间用;隔开，最后一个不用
如果样式重叠，会优先选择理他最近的样式

还可以用link标签

<link rel="stylesheet" type="text/css" href=""/>

其中rel以及type是写死的
href表示CSS文件位置

CSS选择器

（1）标签选择器

标签名{
	样式......
}

（2）id选择器

#id{
	样式......
}

(3)类选择器

.类的值{
	样式
}

（4）组选择器

选择一组元素，选中的这些元素全部应用

选择器1,选择器2,...{
	样式
}

div

div 实际上就是一个矩形 里面经常放一些元素
div+css 经常来实现网页的布局和格式

父元素必须有高度，因为网页高度不确定，所以能在包裹div的父元素里定义高度后才能在head中用百分比定义盒子的大小

父元素&子元素： html的标签都是有一个层架关系的，简单的例子就是html中的标签都是闭合的，闭合的中间还可以嵌套其他的标签，则嵌套在某个标签里面的标签就成了这个标签的子元素，外边的元素就是父元素。

颜色

颜色共有三种写法

颜色名

直接写颜色名
例如：red blue green yellow

RGB值

依次写R(red) G(green) B(blue) 的值 三个值都是0~255
格式：rgb（0 ~ 255，0 ~ 255，0 ~ 255）

16进制的值

格式:#两位数 两位数 两位数

常用样式

• 宽度&高度
  可以写像素值：54px
  可以写百分比值：30%