发表于: 2018-11-30 23:56:57

1 773


今天完成的事情:温故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选择器,类选择器。属性选择器


自我检讨:没有完成昨天计划的事情,这方面应该严格要求自己。


返回列表 返回列表
评论

    分享到