CSS简介
什么是css?
CSS指层叠样式表(Cascading Style Sheets)
主要用来设置网页中元素的样式。如边框,颜色,位置等…
为什么使用CSS
- 能复用
- 能大量编写样式
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%