css笔记

<style></style>放置标签
选择器{属性名：属性1；属性名：属性2}

h1{    text-align:center;    color: gold;}

定义h1 的属性

p{    font-size:10px:    font-family:"宋体";    text-ident:2em;    /* 首行缩进 1em表示一个中文*/}

<font></font> 行内元素，方面的元素会往里面挤，特点给它设置宽、高是无效的

<p></p> 块级元素，每个独占一行，特点，可以设置宽、高，直接有效一行

<img /><input /> 满足行级，块级元素的特点

标签实体化，给它设置宽高，背景颜色，让它看得见

p{    display:none;}

隐藏起来id

#id{}

定义id的属性

<stypt>    @import  url("css的路径");</stype>

导入式的css

层叠行：所谓层叠性就是后面的样式会覆盖前面的样式。

p.p1{}

标签指定式

#id, .a{}

并集选择器

a:link{    text-decoration:none;}

a:link{} 正常状态
a:visited{ } 访问后状态
a:hover{ } 鼠标移上状态
a:action{ } 鼠标点击状态
改写的时候，一定按顺序编写

css盒子类型

a{    width:10px;    height:10px;    background:pink;    border:solid 10px;    padding:20px;}

margin:10px; 外边距，要写在内部属性的设置那里
padding:20px; 内边距

css的盒子包括： 边框+内边距+（margin）+内容

浮动float，相当于加一层空间
有三个对象，给第一个对象加一个浮动时，第一个对象往前面的空间前进一下，后两个对象，在本来的空间里替换掉第一个对象的位置，第一个对象在空间上把身后的第二个空间的相对面积覆盖掉。要给三个对象一起加浮动时才不会覆盖它们身后的面积。
也可以说是对齐，float:left;

–是在写好属性后，修改用的吗？？？
绝对定位。 定位相比于外面的那一层，谁包裹它，它就以谁为标准
相对定位。 相对于原来的位置
css样式属性。
positon：absolute； 绝对定位。 定位相比于外面的那一层
box{
position: absoulte;
}

position:relative; 相对定位
box1{
position:relative;
top：50px；
}