摘要: ①默认值static ②绝对定位absolute 添加绝对定位之后脱离文档流,有两种参照物,第一是默认情况下围绕着浏览器的第一屏做位置移动,第二是围绕着父元素做位置移动(给父元素添加定位,最好是relative),层级关系z-index的值越大,在页面的越上层。 ③相对定位relative 添加相对 阅读全文
posted @ 2021-06-22 10:58 JSkolo_yyds 阅读(526) 评论(0) 推荐(0)
摘要: 设置一个div盒子,给盒子设置实际宽高为0,设置边框粗细、实线,给某三个边框颜色为透明色,另一个边框实际颜色即可。 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> 阅读全文
posted @ 2021-06-22 10:56 JSkolo_yyds 阅读(150) 评论(0) 推荐(0)
摘要: 方法一:给图片添加vertical-align:bottom; 方法二:给图片添加display:block; 方法三:给图片添加浮动(记得给图片的父元素增加高度) 方法四:给body或者图片的父元素添加font-size:0; 阅读全文
posted @ 2021-06-22 10:53 JSkolo_yyds 阅读(44) 评论(0) 推荐(0)
摘要: display:none;和display:block; opacity:0;和opacity:1;(可以结合transition:1s;,做过渡动画) visibility:visible;和visibility:hidden; 阅读全文
posted @ 2021-06-22 10:51 JSkolo_yyds 阅读(140) 评论(0) 推荐(0)
摘要: 先给元素设置宽度width 再添加white-space:nowrap; 再添加overflow:hidden; 再添加text-overflow:ellipsis; 阅读全文
posted @ 2021-06-22 09:12 JSkolo_yyds 阅读(42) 评论(0) 推荐(0)
摘要: 4.选择器的使用 id选择器 100 类选择器 10 群组选择器 包含选择器 标签名选择器 1 通用选择器 0 属性选择器 10 动态伪类选择器 10 结构伪类选择器 10 伪对象选择器 层次选择器 动态伪类 a:link {color: #FF0000} /* 未访问时的状态 */ a:visit 阅读全文
posted @ 2021-06-22 09:10 JSkolo_yyds 阅读(70) 评论(0) 推荐(0)
摘要: 1.什么是BFC Block Formatting Context块级格式化上下文 具有BFC特性的元素可以看做是隔离了的容器,容器里面的元素不会在布局上影响到外面的元素,且BFC具有普 通容器所没有的一些特性2.BFC的特性 1.内部的box在垂直方向上一个接一个的排列 2.属于同一个BFC里面相 阅读全文
posted @ 2021-06-22 09:08 JSkolo_yyds 阅读(70) 评论(0) 推荐(0)