前端自学笔记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;//取消列表默认样式
}
计算
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步