摘要: 布局 固定布局,需要计算单位 自适应响应布局 固定布局 html代码 固定布局 css代码 效果图: 阅读全文
posted @ 2018-09-07 22:17 耶梦加德 阅读(133) 评论(0) 推荐(0) 编辑
摘要: float 浮动 块元素脱离文档流,水平排列。 浮动元素 会尽量往左上(left),或者右上(right)浮动,直到遇到 块元素 或者 其他浮动元素。 可选值: none; 默认值,不脱离文档流,垂直排列,不浮动。 left; 脱离文档流,向文档 左上侧 浮动 right; 脱离文档流,向文档 右上 阅读全文
posted @ 2018-09-07 20:45 耶梦加德 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 文档流 处在网页的最底层,表示的是一个页面中的位置。 创建的元素,默认都处于文档流中。 元素在文档流中的特点 块元素 在文档流中独占一行。 自上而下排列。 宽度默认占父元素的 100%,width="auto"。。。当元素的 width 和 height 设置为默认auto,此时指定内边距不会影响可 阅读全文
posted @ 2018-09-07 20:31 耶梦加德 阅读(153) 评论(0) 推荐(0) 编辑
摘要: overflow 父元素对于溢出内容的处理 visible; 默认值,对于溢出内容,在父元素之外显示。 hidden; 对于溢出内容,进行隐藏,不显示。 scroll; 对于溢出内容不在外显示,但是添加滚动条。。。该选项启用时,不溢出时,也会有滚动条。 auto; 当有溢出时,滚动条才会出现。 阅读全文
posted @ 2018-09-07 20:06 耶梦加德 阅读(181) 评论(0) 推荐(0) 编辑
摘要: <a>百度</a> 也是内联元素,无法设置width和height <img>可以设置width和height,但是不会占用一行,所以是典型的行内块元素inline-block display 规定元素生成框的类型 none; 此元素不会被显示,且不会占用自身位置。 inline; 内联元素。 bl 阅读全文
posted @ 2018-09-07 19:51 耶梦加德 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 浏览器默认样式: 为了美观,浏览器为了在页面没有样式时,也可以有一个较好的显示效果,默认设置若干 margin,padding。 作为开发人员,在CSS编写最初,一般都会清除默认样式,进而设置自己的样式。 去除浏览器的默认样式: 方法1: @charset "utf-8" *{ margin:0; 阅读全文
posted @ 2018-09-07 19:14 耶梦加德 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 外边距重叠, 也叫“外边距合并”,指的是,当两个外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度,等于两个发生合并的外边距的高度中的较大者。。。在布局时,易造成混淆。 1. 上下元素 垂直外边距重叠 垂直相邻的两个 div,上面的 div 设置了 margin-bootom,遇到下面 di 阅读全文
posted @ 2018-09-07 19:01 耶梦加德 阅读(191) 评论(0) 推荐(0) 编辑
摘要: CSS 处理元素,把每个元素都包含在一个盒子里。 对网页的布局,其实就是对盒子的摆放及设置。 边框border,会使盒子变大: border-top-xxx: border-right-xxx: border-bottom-xxx: border-left-xxx: border-style: no 阅读全文
posted @ 2018-09-07 18:21 耶梦加德 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 列表分为: 有序列表 ul: 无序列表 ol: 自定义列表 dl: 阅读全文
posted @ 2018-09-07 16:52 耶梦加德 阅读(142) 评论(0) 推荐(0) 编辑
摘要: strong 表语义上的强调, em 表示语气上的强调: <i>单纯的斜体。</i> <b>单纯的加粗。</b> <small>通常用作“细则”内容,会比父元素字体小一点。</small> <big>无语义,因此将被淘汰使用。</big> 参考内容,参考书籍:<cite>《论语》</cite> 引用 阅读全文
posted @ 2018-09-07 16:41 耶梦加德 阅读(133) 评论(0) 推荐(0) 编辑