web前端
day 3
1.相关基础代码
（1）三种设置样式的格式
1.内联样式
直接写在元素的内部样式，优先级最高，写在style属性中，每种样式采用样式名，样式值来编写，每个样式必须分号结束。
2.内部样式
在<style></style>下设置style标签，将样式缩写在style标签中，优先级低于内联样式。
3.外联样式
外联样式的优先级最低，但是一般企业都会采用外联样式的方式，使代码更加简洁，并且css便已保存。
（2）三种基本选择器
设置什么元素，什么样式，样式值
1.标签选择器
2.ID选择器
3.类别选择器
优先级：#ID>.class>div等
同种条件下
（3）派生选择器
1.基本选择器 空格 基本选择器
如 div p{}
选择当前标签选择器中的中的div元素中的p元素
2.基本选择器>基本选择器
选择一个元素中的直属的另一个元素
3.同时匹配多元素
选择器，选择器，选择器{}
4.伪类选择器
选择器：伪类名称{}
优先级：派生选择器>基本选择器
如
自己设置的颜色>父类的颜色
（3）边距和外边距
一般情况设置：
margin：0 外边距为0；当前元素距离四周为0
padding：0 元素的边距元素内容0
（4）统论
1.css外部样式的链接地址方式
<link rel="style sheet" type="text/css" href="名字">
2.背景
1.background-repeat:no-repeat (不重复)
2.background-attach ment; fixed：（不移动）scroll （移动）
3.background-position:center center
当图片大于像素的大小
设置图片显示的位置
正数下移 负数上移
repeat -x 水平重复
repeat -y 垂直重复
3.文本
1.设置元素中的字母方式
text-transform元素中的字母
capitalize 大写开头
uppercase 仅有大写
lowercase 仅有小写
2.顶端横线
border-top：1px solid black
3.横线
<hr/>
4.大量属性
