随笔分类 - CSS
摘要：1.link是xhtml标签，除了可以加载css外，还可以定义RSS其他事物； @import属于css范畴，只能加载css 2.link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下) 3.l
阅读全文
摘要：盒子模型有几种，它们之间有什么区别。一、标准盒模型（W3C）1.给标签添加：box-sizing:content-box；(元素默认)2.这个标签就转换为了标准盒模型3.标签得实际宽度 = 设置的宽度 + border宽度 + padding的宽度 二、IE盒模型（怪异）1.给标签添加：box-si
阅读全文
摘要：在文档流中，父元素的高度默认是被子元素撑开的（没有设置宽高的时候），也就是子元素多高，父元素就多高。 当父元素的子元素设置为浮动类型时，那么因为其子元素脱离正常文档流，所以父元素无法检测到子元素的高度而产生折叠，这就是所谓的高度塌陷。 <head> <style> .right { height:
阅读全文
摘要：清除浮动的含义是什么？清除浮动带来的影响影响：如果子元素浮动了，此时子元素不能撑开父元素➢ 清除浮动的目的是什么？需要父元素有高度，从而不影响其他网页元素的布局注意：父子级标签, 子级浮动, 父级没有高度, 后面的标准流盒子会受影响, 显示到上面的位置clear:both;/* 清除左右两侧浮动的影
阅读全文
摘要：什么是BFC？BFC（Block Formatting Context）直译为“块级格式化范围”。它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。 简单来说，BFC就是一个独立不干扰外界也不受外界干扰的盒子。 布局规
阅读全文
摘要：position最常用的值有：静态定位——static 相对定位——relative 绝对定位——absolute 固定定位——fixed 1、static(静态）：HTML元素的默认值，不受top、bottom、left、right属性影响，元素占用文档流 2、Relative(相对）:相对定位。
阅读全文
