sinat_18558725的博客

页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是：XML/HTML代码  XML/HTML代码   @import url("CSS文件");      两者都是外部引用CSS的方式，但是存在一定的区别：　　区别

设置或检索弹性盒子在主轴（横轴）上的对齐方式。当弹性盒里一行上的所有子元素都不能伸缩或已经达到其最大值时，这一属性可协助对多余的空间进行分配。当元素溢出某行时，这一属性同样会在对齐上进行控制语法justify-content: flex-start | flex-end | center | space-between | space-aroundflex-start：弹性

在制作html页面时，有时我们会设置页面的top属性。top的单位可以是百分比，也可以是像素值。使用top的前提是，我们为该元素进行相对定位。即设定position为absolute，这样就可以设置top了。如果单位值是像素，那么如果单位是正值，就是元素距离上边界的距离是该值，这是元素在下面，如果是负值，元素就在边界的上方，从上到下是这个距离。如果是百分比，例如百分之百，这样我们的元素距离上边界的

CSS display:table属性当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：CSS display:table、 CSS display:table-row和CSS display:table-cell，它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束，同时也给了HTML表格布局致命一击。最终，使用CSS布局来制作出类似

有时候我们需要浏览器加载一些自行设计的字体，这些字体在电脑的系统中是不存在的，而且是不被浏览器所支持的，如果我们需要使用这种字体就需要我们将字体做成各个浏览器都能支持的格式，一般来说我们需要设置四种格式。这个主要应用到CSS3的@font-face，IE4就开始支持@font-face属性。一、TureTpe(.ttf)格式：.ttf字体是Windows和Mac的最常见的字体，是一

OutLook始终不离不弃是不是很讨厌为Email代码兼容Outlook？ 太遗憾了！虽然光都有尽头，但Outlook始终存在。为了应付Email的怪癖，我们花了很多时间测试，确保我们搞定了所有Outlook的坑洼沟洄。在这个指导中，我们会分享一下数年来我们应付这种烦人的邮件客户端的编程经验，主要包括四个部分Outlook必知的17个tricks移除table间距的3种办法

首先，栅格布局是将页面分为12列的，在不同的视口宽度之下，栅格布局的每一列的宽度应该是不一样的。从320一直到最大，分别是：col-xs-*，col-sm-*，col-md-*，还有col-lg-*，其中当我们的视口宽度>=768px的时候，我们的视口的宽度是使用col-sm，所以一般情况下我们只需使用col-sm即可，无需再使用col-md-*。    还有，当我们遇到在768px以上是左侧

BFC虽然名字很陌生，但是我们在日常的网页代码编写过程中，会经常性的使用到。先给大家介绍下w3c官方网站给出的解释 Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block>box

meta标签妙用