今天是学习前端的第七天,我已经本完成了HTML和CSS的基本内容,虽然无法统统记住,熟练使用.但我基本已经知道要实现我想要的效果有什么办法,应该去哪找,可以怎么实现.接下来我将尝试重做我那个超级丑的导航栏,哈哈哈哈其实还好我每天都写这个,不然的话兴许我真的坚持不了这么久……
问题
关于布局的问题……还是感觉满奇怪的,有点没读懂为啥块级元素非要占满一行,真的很烦……为毛我内外边距都设为0宽度也没占满整行,后面那么长的空间,为何没人顶上来呢……当然我知道这是块元素的初始设定……但是不太懂为何会是这种设定.我怎么写着写着好像想通了……emmmm
今天学了啥
外边距合并
多个元素的外边会相互重叠,最终宽度以数据较大的为最终宽度.
当一个空元素没有边框或者填充的情况下,上下边距会出现合并的情况这样的设定可以保证多个元素的间隔相等.
CSS定位
css的定位分为绝对定位和相对定位所有的元素都是框,divh1这类块级元素被称为块框span和strong这类行内元素被称为行内框.还可以通过display来改变生成框的类型,当些文本被直接添加到块级元素的开头时,即使没有定义段落,也会被当作段落来处理.被称为无名框.css中块级元素由上到下排列行框……越看越迷糊.相对定位
相对定位
故名思意,以原本位置坐为移动参考对象绝对定位
绝对定位
以祖先位置作为移动的参考对象
浮动
浮动可以向左或向右移动,直到屏幕边缘
CSS选择器
css的选择器真的太多了!太多了==眼花缭乱,目不暇接.我觉得目前的我根本用不了那么多,不过我还是都看了一遍知道个大概用法,以后能想到再回来找吧……id选择器,元素选择器还有类选择器,前面都学过了.新增的有,后代选择器,子元素选择器,属性选择器,相邻兄弟选择器,伪类和伪元素.
分组选择器和声明都可以进行分组复用
选择器可以多个选择器搭配使用.我觉得其本质就是在不停地缩小集合,直到取到你需要的集合就好了.
(类选择器和id选择器都是区分大小写的的!)