发表于: 2018-09-11 23:29:53
1 646
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了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
评论