发表于： 2021-03-10 21:06:27
1 1048
今天完成的事情：
1.今天完成了任务七实现了自适应
2.构思了任务七战略合作页面布局
布局思路：
先按照psd图划分页面 ，每个部分用div包裹起来并填充背景色，这样就知道每个部分的大小，然后按照psd图将各个部分摆放到相应的位置，再填充相应的代码和css样式。
明天计划的事情：
1.继续做战略合作页面
今天遇到的问题：
媒体查询@media属性不生效
原理:
样式冲突；@media查询代码的样式被后面的css所覆盖。(这是css权重问题)
解决办法：
将@media查询带的css写在后面，以免这样避免被前面的css覆盖
收获：
1.知道了什么是css权重（权重就是css优先级）
权重等级划分：
第一等级：内联样式
第二等级：ID选择器
第三等级：代表 标签 | 伪类 |属性 选择器
第四等级：代表 标签 |伪元素 选择器
选择器优先级：
！important > 内联样式 > ID选择器 > 元素选择器 >通用选择器 》继承样式
注意：低等级的选择器，个数再多也不会越过高等级选择器的优先级 css属性后面加！important时，无条件绝对优先
但是！important不能随便乱用
2.在布局时如果有用到浮动的话，要使用清除浮动clear：both，overflow:hidden，使用after伪元素清除浮动
返回列表
评论