随笔分类 -  Css

摘要：概念 翻译过来即使粘性定位。 是相对定位与固定定位的混合。 当元素A在屏幕内，表现会relative，当即将滚出屏幕外，达到我们设定的值（比如top:10px)时，表现为 fixed。 当同等级的元素B达到设定的值时，会把A元素挤出屏幕，B占据A的位置。 语法知识 position:stricky; 阅读全文

摘要：(一）什么是Flex 布局 Flex 是Flexible Box 的缩写，是一维的弹性布局。 采用Flex布局的元素，称为Flex容器。 它的所有子元素自动成为容器成员，称为 Flex item（Flex 项目）。 既然是容器，就需要一个容器元素，将项目包裹在其中。 因此，在使用时，需要将容器元素设 阅读全文

摘要：MDN对两者定义如下： word-break： 指定了怎样在单词内换行。 word-wrap： 当一个不能被分开的字符串太长，而不能填充其包裹盒子时，为防止溢出，浏览器是否是否允许这样的单词中断换行。 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现 阅读全文

摘要：之前，我以为 margin-top/padding-top 如果设置成%，得到的是 基于父对象总高度的百分比。 但是，这种想法是错的。因为在CSS标准里，是基于父对象宽度的百分比。 你觉得 子div 的 margin-top是 28px,还是 14px 呢？ 用js代码测试了下 阅读全文

摘要：字体 1、字体族 - serif sans-serif momospace cursive fantasy 2、多字体 fallback 3、网络图字体、自定义字体 @font-face { font-family:"IF", src:url(",,/indie.ttf"); } 网络字体：可能存在 阅读全文

摘要：1、元素分类 （1.1） 按默认样式分 块级 block 默认占据整行 行内(内联) inline 不会独占一行，不一定有规则形状。与文本相关的元素。 inline-block 对外与其他元素和谐相处，对内有自己的尺寸，宽高。 常见的是一些表单元素。 （1.2） 按内容分 Flow、Heading、 阅读全文