发表于： 2018-11-30 23:56:57
1 774
今天完成的事情：温故css单位，css选择器,css样式
明天计划：把任务三最基础的效果做出来。
问题：
1、对css的选择器不熟悉，尤其是伪类。解决方案个人认为多用。
2、查看资料过程中遇到“媒体查询”，对这个不了解。
收获：
一、css中的尺寸单位补充
绝对单位：px,pt,pc,in,mm,cm,q
相对单位：%，em,rem,ex,ch,vh,vw,vmin,vmax
四则运算：calc
常用单位：em,rem。可以使用它们配合媒体查询改变body字体大小来实现响应式的设计。
其中2em === 32px， 2rem === 28px
绝对定位：使用时注意配合index使用，否则可能会被正常流中的文档覆盖。
fixed:相对于浏览器窗口来定，配合z-index使用。
媒体查询的作用：运用尺寸来定界各种平台（注意低版本浏览器的兼容）---对这个不理解/
二、样式：
1、浏览器缺省设置
2、外部样式
3、内部样式（位于<head>标签内部）
4、内敛样式（在HTML元素内部
优先权：内敛样式--内部样式---外部样式
三、选择器
css选择器：选择器通常是HTML元素。格式：属性-值。逗号讲需要分组的选择器分开。
1、id选择器，用#表示取id
2、类选择器，.表示取类
派生选择器(位置的上下文关系)；后台选择器（包含选择器）某元素后代的元素。
子元素选择器：格式>
;相邻兄弟选择器（共父级）表达格式：+；
css伪类：用于向某些选择器添加特殊的效果。锚（a标签）伪类；
css伪元素用于向某些选择器设置特殊效果。id选择器，类选择器。属性选择器
自我检讨：没有完成昨天计划的事情，这方面应该严格要求自己。
返回列表
评论