前端自学笔记03

前端自学笔记03

1、注意
1）
2）行内元素只能容纳文本或者其他行内元素（a特殊里面可以放块级元素）

2、规范

3、行高的测量
1）

基线与基线的距离称为行高

4、css的三大特性


与文本相关的可以继承


权重相同按照就近原则，且叠加只能叠加当前权重位。四个权重位间没有进位

div{
color:hotpink!important;

*{
}才是权重最低的（继承也是）
}

5、背景

//设置背景
<style>
body{
background-image:url(...);
}
</style>

position后可以跟方位名词，它们之间没有顺序。缺省默认center。后面也可以跟数值px

连写顺序：


6、盒子模型


连写顺序：width-style-color
盒子每条边可拆开来分别设置
border-top/bottom/left/right

table,td{
border-collapse:collapse;
}

加内边距 可能使带有width和height属性 盒子变大，多出来的部分就是内边距，相当于盒子向外扩张了两个内边距的宽度。此时需要修正width和height属性
开头清除系统默认样式

*{
padding=0;
margin=0;
}
li{
list-style:none;//取消列表默认样式
}

计算