摘要: 定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to 阅读全文
posted @ 2019-10-23 16:19 陪伴is最长情的告白 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 直接上代码了 html结构 写好上面的结构代码之后,也就是将我们页面展示的内容显示了,但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏,并排显示元素,第一想 浮动,想到使用浮动之后,一定记得清除浮动元素。 css代码如下: 阅读全文
posted @ 2019-10-23 16:18 陪伴is最长情的告白 阅读(620) 评论(0) 推荐(0) 编辑
摘要: 文本属性 介绍几个常用的。 text-align 属性规定元素中的文本的水平对齐方式。 属性值:none | center | left | right | justify color属性 text-indent 属性规定元素首行缩进的距离,单位建议使用em text-decoration属性规定文 阅读全文
posted @ 2019-10-23 16:12 陪伴is最长情的告白 阅读(510) 评论(0) 推荐(0) 编辑
摘要: margin塌陷问题 当时说到了盒模型,盒模型包含着margin,为什么要在这里说margin呢?因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子: html结构: css样式: 当给两个标准流下兄弟盒子 设置垂直方向上的margin时,那么以较大的为准,那么我们称这种现象叫塌陷。 阅读全文
posted @ 2019-10-23 16:11 陪伴is最长情的告白 阅读(649) 评论(0) 推荐(0) 编辑
摘要: 浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 看一个例子 html结构: css样式: 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨在一 阅读全文
posted @ 2019-10-23 16:07 陪伴is最长情的告白 阅读(183) 评论(0) 推荐(0) 编辑