Jane的博客

参考：https://blog.youkuaiyun.com/qq_44472722/article/details/105512621https://blog.youkuaiyun.com/weixin_42182143/article/details/103161838https://blog.youkuaiyun.com/qq_41633396/article/details/117352112https://zhuanlan.zhihu.com/p/355307201.第一类——定位类CSS中的定位分为四种，默认值 sta

参考：https://blog.youkuaiyun.com/qq_41083105/article/details/115233510https://www.cnblogs.com/knuzy/p/9993181.htmltranslate()的使用translate() 函数是CSS3的新特性。在不知道自身宽高的情况下，可以利用它来进行水平垂直居中。当使用下述样式， 块是以左上角为原点，故不处于中心位置。top: 50%;left: 50%;而 translate(-50%,-50%) 作用是，往

总结在选择器优先级相同的情况下，媒体查询中的选择器比外面的选择器的优先级要高如果优先级不同，则媒体查询不会生效，仍遵循原有的选择器优先级规则选择器优先级不同参考：https://blog.youkuaiyun.com/qq_45279180/article/details/110287811原博主在写响应式页面的时候发现了个问题，他写的页面是三栏式布局，将内容盒子分成了左右两个盒子，以下代码是对内容盒子中右盒子设置的样式，并通过媒体查询实现响应式后左后盒子不再左右分布而是上下分布:.content .r

参考：https://blog.youkuaiyun.com/Coder_JC_Liu/article/details/113704479清除浮动概念在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象，这个现象叫浮动溢出。为了防止这个现象的出现而进行的CSS处理，就叫清除浮动。具体表现如下：左、右盒子没有float属性，可以撑开

参考：https://tieba.baidu.com/p/7296527799https://zhidao.baidu.com/question/680206989655498852.html下拉菜单的基本框架.dropdown { position: relative; display: inline-block;}.dropdown-content { display: none; position: absolute;}.dropdown:hover .dropdown

参考：https://www.zhihu.com/question/30797901/answer/1463648152水平导航栏可以用 float 实现：几个浮动的元素放到一起，如果有空间，它们将彼此相邻。实例如下：ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; /*它的作用是什么？*/ background-color: #777;}ul li { flo

参考：https://blog.youkuaiyun.com/weixin_41790566/article/details/106460926换行符：在段落中输入了一个回车自动换行：在文本过长的情况下，超出界限的文本自动转为下一行normal合并空白符序列，换行符转化为一个空格，允许自动换行pre保留空白符序列，保留换行符，不允许自动换行nowrap合并空白符序列，换行符转化为一个空格，不允许自动换行pre-wrap保留空白符序列，保留换行符，允许自动换行pre-line合并空白符序列，保留换