<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;
}