发表于: 2018-09-11 23:29:53

1 645


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

今天完成了任务五的一大部分,还剩下的就是定位问题了。
明天计划的事情:(一定要写非常细致的内容) 

明天计划把任务五完成了,就是一些定位之类的,还有一些关于HTML的书写规范问题
遇到的问题:(遇到什么困难,怎么解决的) 

有遇到关于一些FLEX布局的问题。有的时候不生效,有的时候生效了
收获:(通过今天的学习,学到了什么知识)

收获了关于盒子的嵌套方面的布局,在一些的情况下,盒子是可以套盒子的,盒子在一些的条件下是可以进行嵌套的,如果说要实现一下什么目标或者什么效果的话,就可以进行一些盒子的嵌套

定位分为绝对定位,相对定位,和固定定位

相对定位 position:relative;

针对于原本所在的位置进行移动

在css样式中输入

position:relative;

left:20px;横坐标,正值表示像右边横移,负值表示像左横移

top:20px;纵坐标,正值表示像下边横移,负值表示像上横移

其他的方向一样

由于相对定位脱离了那个位置,但是原本的位置还是在的,所以别人也是占据不走的,相对定位用途就是作用于子绝父相,用来绝对定位的测量,和本身的微调

绝对定位:position;absolute;

就是使设置了相对定位的标签脱离它原本的文档流以后,如果它的父元素没有设置相对定位,那么它就会继续寻找祖元素是否相对定位,如果都没有,那么就根据页面来决定漂浮宽高,而且绝对定位后,就不管是不是块级元素和行内元素,都可以直接设置宽高 了,也不需要进行元素转换了

CSS样式表的冲突的总结

  • 1、对于相同的选择器,其样式表排序:行级样式 > 内嵌样式表 > 外部样式表(就近原则)
  • 2、对于相同方式的样式表,其选择器排序:ID选择器 > 类选择器 > 标签选择器
  • 3、外部样式表的ID选择器 > 内嵌样式表的标签选择器
  • 谁距离的近,那么就听谁的

举例:如果都是内嵌样式表,优先级的顺序如下:(ID 选择器 > 类选择器 > 标签选择器)

另外还有两个冲突的情况:

  • 1、对同一个标签,如果用到了多个相同的内嵌样式表,它的优先级:定义的CSS样式表中,谁最近,就用谁。
  • 2、对于同一个标签,如果引用了多个相同的外部样式表,它的优先级:html文件中,引用样式表的位置越近,就用谁。

例如:

class和id的区别

class用于css的,id用于js的。

1)class页面上可以重复。id页面上唯一,不能重复。
2)一个标签可以有多个class,用空格隔开。但是id只能有id



返回列表 返回列表
评论

    分享到