css基础

CSS介绍

CSS引入
2.CSS样式

3.行内样式
直接在HTML的元素上使用style属性设置CSS

标题

4.页面内样式 在HTML的标签中使用 5.外部样式 单独定一个.css的文件在HTML中引用该CSS文件 CSS选择器 1.元素选择器 文档的元素就是则基本的选择器 div{ width：100px;

       }

2.ID选择器
定义id选择器时，选择器前面需要有一个#号，选择器本身则为文档中某个元素的id属性的值
#d1{
border：2px solid：red；
}
3.类选择器
类选择器用于将样式规则与附带class属性的元素匹配，其中该class属性值为类选择器中指定的值，定义类选择器前面需要有一个"."
.divClass{
border:2px so;id :yellow;
}
4.属性选择器

5.后代元素选择器
h1 strong 查找的是所有h1中的所有的strong元素
h1 strong{
color:red:
}
6.子元素选择器
h1>strong找这个h1中的第一层级的strong元素
h1>strong{
color:red;
}
7.并列选择器
选择器，选择器{
}
CSS选择器-浮动

CSS布局-盒子

布局-相对定位

position:relative
相对定位：内联元素还是内联元素，块级元素还是块级元素

布局-绝对定位
position:absolute
子元素开启绝对定位，若父元素没有开启定位，会相对与浏览器进行定位，一般父元素要开启相对定位，若父元素开启定位，会相对与父元素进行定位
绝对定位会改变元素的性质
内联元素会变成块级元素
块级元素的宽高默认都被内容撑开

布局-固定定位和重叠
当元素的position设置成fixed，就开启了固定定位，固定定位也是一种绝对定位，他的大部分特点和绝对定位一样，不同的是：固定定位用于还都会相对于浏览器窗口和进行定位。固定定位会固定在浏览器的某个位置，不会随着滚动条而滚动