摘要: 一、无序列表(ordered list):各个列表项目之间没有顺序,是并列的 type属性用于设置列表样式,默认是小圆点(disc), circle空心圆圈 square小方块 通过list-style:none可以取消 二、有序列表(ordered list) type:默认是1,表示项目列表用数 阅读全文
posted @ 2019-09-20 15:01 我就是要学习 阅读(10608) 评论(0) 推荐(0) 编辑
摘要: 一、什么是flex布局? CSS3中引入了一种新的布局方式flex-box布局(伸缩盒模型布局)。 1)设置了flex布局的元素被称为flex容器,它的子元素自动称为容器项目,被称为flex项目。 2)它的主要特点是伸缩容器有能力让它的伸缩项目改变它的宽度顺序等来最合适地填充可用空间。伸缩项目可以扩 阅读全文
posted @ 2019-09-20 14:40 我就是要学习 阅读(828) 评论(0) 推荐(0) 编辑
摘要: 一、圣杯布局 二、双飞翼布局 二、利用弹性盒子 阅读全文
posted @ 2019-09-19 21:30 我就是要学习 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 一、文档流(普通流/标准流) *浏览器默认的标准就是文档流 *在CSS中分为块元素(垂直排版)、行内块元素(水平排版)、行内元素()。不同的元素有自己的排布规则 二、浮动流 1、 原文规范:In the float model, a box is first laid out according t 阅读全文
posted @ 2019-09-18 22:29 我就是要学习 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 一、什么情况下发生外边距的合并 1)必须处于普通文档流中(不能脱离文档流),并且处于同一个BFC中 2)相邻的外边距,不能有间隙和边框 3)垂直方向上 二、如何合并 1)兄弟元素之间,外边距合并会去最大的那个外边距而不是取和 2)父子元素之间,外边距合并会将子元素的外边距设置给父元素 3)空元素 三 阅读全文
posted @ 2019-09-17 21:45 我就是要学习 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 1、标准盒子模型(W3C) 我们设置的盒子的width与height就是内容区所占的宽度与高度,而padding与margin是另外计算的 所以,盒子的总高度=margin+border+padding+height 2、怪异盒子模型(IE) width=content+padding+border 阅读全文
posted @ 2019-09-15 21:29 我就是要学习 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 1、href:指定跳转的页面的URL地址,绝对路径相对路径皆可以,也可以指定本地地址 属性:target="_blank" 在新窗口跳转 target="_self" 在当前窗口跳转,默认属性 假链接: href="#" 自定回到网页的顶部 href="javaScript:;" 2、跳转到当前页面 阅读全文
posted @ 2019-09-15 16:51 我就是要学习 阅读(2816) 评论(0) 推荐(0) 编辑
摘要: 一、三大特性 1、层叠性:设置相同属性时,后面的覆盖前面的 2、继承性:后代自动继承祖先元素的样式。 注意:只能继承color/font/text/line开头的属性,背景边框定位相关的不能继承 3、优先级:id>类>标签>通配>继承>浏览器默认 二、什么时候需要判断优先级 1)间接选中(继承),继 阅读全文
posted @ 2019-09-15 16:38 我就是要学习 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 一、常用选择器 1、类 .classname{} 2、id #idName{} 3、标签 p{} 4、通配 *{} 5、并集:逗号分开 .box1,.box2{} 6、交集: .box1.box2{} 二、后代选择器 1、后代:祖先元素 后代元素 .super .sub{} 2、子元素选择器:父元素 阅读全文
posted @ 2019-09-15 16:24 我就是要学习 阅读(1548) 评论(0) 推荐(0) 编辑
摘要: 一、标签与元素 1)HTML中标签:容器标签与文本标签;CSS中的块级元素与行内元素 行内块元素 * 容器标签:简单来说就是能够嵌套其他所有标签 * 文本标签:只能包含简单的文本,图片,超链接等 2)CSS中元素:块元素、行内元素、行内块元素 * 块元素:与容器标签相对应。特点:独占一行;可以设置宽 阅读全文
posted @ 2019-09-15 15:11 我就是要学习 阅读(204) 评论(0) 推荐(0) 编辑