CSS
单枪匹马跑天下
清华大学研究生在读
展开
-
滑动门
Document ddddddddddddd滑动门其实可以用一个便签嵌套两个背景图片进行常见写法:https://www.cnblogs.com/allen2333/p/9027482.html原创 2020-04-05 13:28:52 · 145 阅读 · 0 评论 -
css选择器
css基础1.1 CSS整体的重点☞ 选择器 ☞ 盒子模型☞ 浮动☞ 定位☞ 动画 ,伸缩布局(c3部分)1.12 CSS特性 1. ☞ 层叠性(覆盖) ◆在同一个标签中,如果优先级相同,如果定义的样式发生冲突,那么最后一次定...原创 2020-04-05 13:23:56 · 155 阅读 · 0 评论 -
浮动元素布局特殊案例 (二)正常文档流的块标签和外部的浮动块元素发生重合时
正常文档流的块标签和外部的浮动块元素发生重合时:1。 文字排列方式会在浮动元素的相反方向排列,而不是两侧显示(不论外部)2.常规流中盒子图片也是会躲避3.常规流中的块元素不会躲避,但所有的行内元素和行内块元素,都会躲避,...原创 2020-03-01 19:33:02 · 165 阅读 · 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 · 251 阅读 · 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 · 156 阅读 · 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 · 382 阅读 · 0 评论 -
width 与 offsetWidth 的区别
比较width 与 offsetWidth 的区别1、offsetWidth >= widthoffsetWidth = width + padding + border;2、offsetWidth 属性仅仅可读,而style.width 是可写的;所以通常用 style.width用作进JavaScript中设置元素的宽度,而offsetWidth不可以。3、off...原创 2019-04-18 17:36:54 · 622 阅读 · 0 评论