
CSS
单枪匹马跑天下
清华大学研究生在读
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
滑动门
Document ddddddddddddd 滑动门其实可以用一个便签嵌套两个背景图片进行 常见写法:https://www.cnblogs.com/allen2333/p/9027482.html原创 2020-04-05 13:28:52 · 182 阅读 · 0 评论 -
css选择器
css基础 1.1 CSS整体的重点 ☞ 选择器 ☞ 盒子模型 ☞ 浮动 ☞ 定位 ☞ 动画 ,伸缩布局(c3部分) 1.12 CSS特性 1. ☞ 层叠性(覆盖) ◆在同一个标签中,如果优先级相同,如果定义的样式发生冲突,那么最后一次定...原创 2020-04-05 13:23:56 · 200 阅读 · 0 评论 -
浮动元素布局特殊案例 (二)正常文档流的块标签和外部的浮动块元素发生重合时
正常文档流的块标签和外部的浮动块元素发生重合时: 1。 文字排列方式会在浮动元素的相反方向排列,而不是两侧显示(不论外部) 2.常规流中盒子图片也是会躲避 3.常规流中的块元素不会躲避,但所有的行内元素和行内块元素,都会躲避, ...原创 2020-03-01 19:33:02 · 201 阅读 · 0 评论 -
浮动布局的特殊案例 第一种,下边每个浮动元素的父级都设置了clear:both
*{ padding: 0; margin: 0; } a{ text-decoration: none; } li{ list-style: none; } .clearfix::after{ content: ""; display: block; clear: both; } <header> ...原创 2020-03-01 19:11:11 · 286 阅读 · 0 评论 -
BFC 块级格式化上下文 (Block Fromatting Context)
摘抄 https://www.cnblogs.com/dojo-lzz/p/3999013.html 对CSS有了解的道友们肯定都知道盒式模型这个概念,对一个元素设置CSS,首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化块级盒子,同样管理inline类型的盒子还有IFC,以及其他的FC。那首先我们就来看一下FC的概念。 **Formatting Context:指页...转载 2019-03-26 17:24:19 · 177 阅读 · 0 评论 -
左侧固定,右侧宽度自适应两种常见方法
左侧固定,右侧自适应 }*/ /float: left;或者是将#one中的改变 使用左侧浮动,或者是绝对定位使元素脱离文档流,使右侧的元素能够同一行显示 / /#two{ width: auto; height: 600px; background: black; margin-left: 200px; }/ /*第二种方法BFC */ #one{ width: 200px; hei...原创 2019-03-26 18:33:52 · 428 阅读 · 0 评论 -
width 与 offsetWidth 的区别
比较width 与 offsetWidth 的区别 1、offsetWidth >= width offsetWidth = width + padding + border; 2、offsetWidth 属性仅仅可读,而style.width 是可写的; 所以通常用 style.width用作进JavaScript中设置元素的宽度,而offsetWidth不可以。 3、off...原创 2019-04-18 17:36:54 · 688 阅读 · 0 评论