cqqorcq的博客

BFC（Block Formatting Context） 块级-格式-上下文，属于定位方案中的普通流。BFC 是 W3C CSS2.1 规范中的一个概念。引用W3C的官方解释：BFC它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当涉及到可视化布局时，Block Formatting Context 提供了一个环境，HTML 在这个环境中按照一定的规则进行布局。

3.1css的层叠特性3.1.1 层叠性所谓层叠性，是指对同一元素同一属性的设定，后设定的某个样式（属性），会覆盖之前设定的样式。比如：.cc1{ color: red;}.cc1{color: blue;}<div class=”cc1”>文字内容</div>则class为cc1的元素中的文字颜色就是blue，即后者覆盖了前者的设定。分两种情况：１，两个相同的选择器，设...

1.2 选择器1.2.1 标签选择器html 标签名 {属性:值;}常用的属性: color             前景色(文字颜色) background-color   背景色 font-size         设置文字大小 width                   ...

CSS3 高级特性8.1 盒子新特性8.1.1 盒子阴影 box-shadow属性：box-shadow作用：用于设定一个盒子的阴影效果形式：box-shadow：水平偏移值 垂直偏移值 [模糊值] [外延值] [颜色] [inset]；说明：1，至少设置两个长度值，分别表示阴影的水平偏移量和垂直偏移量，可以为负；2，模糊值是设定阴影的模糊效果的宽度，可以不设置，则默认为0；3，外延值是设定...

列表与表格样式7.1 列表样式列表样式主要是设置ul或ol前面的那个“列表符”的特性，包括：list-style-type：用于设置列表样式的类型，比如原点(disc)，圆圈(circle)，阿拉伯数字(decimal)，罗马数字，英文字母。有了这个属性，对ul和ol来说，就没有差别了！list-style-image用于设置列列表前面的小图标（图像），也就是说，用一个图片来代替上面的列表符。如果...

有关布局的属性布局与定位属性，主要是用来确定一个页面上的各个盒子（几乎所有标签都是盒子）怎么排布，以及怎么固定在页面所要求的区域和位置。 6.1 布局属性6.1.1 盒子的显示效果属性 display含义：指设置一个盒子（元素，标签）在网页中的基本显示特性，最常见的就是显示为块元素特性还是行内元素特性。tip：通过这个属性，则所有表现型元素，都可以任意将其作为块元素或者行内元素来使用！常用的属性值...

轮廓属性outline含义：轮廓指的是盒子边框线外面再套一层“修饰性”线条，该线条只有视觉效果，不占版面空间。实际上，如果有外边距（margin），轮廓线是可以跟margin有重叠的。轮廓属性主要有：outline-width： 轮廓线宽度outline-style： 轮廓线线型outline-color： 轮廓线颜色outline-offset： 轮廓线...

背景颜色 background含义：背景是指在盒子结构中，衬托在边框线范围以内的背景颜色或背景图。可以设置背景颜色，或背景图，或同时设置。其中背景图有多项参数可设置。主要的背景属性设置有：设置背景颜色：background-color：yellow;设置背景图：background-image：url(图片路径); //注意，图片路径是相对于当前网页或css文件(对外部样式来说)设置背景图...

有关盒子的属性盒子就是一个元素（标签）的所辖范围，简单来说，基本就是一个“矩形区域”。5.1 盒子概述所谓盒子，就是将html网页中的标签在网页版面中所占据的平面范围，抽象出来的一个“视觉形状”。一个最简单的理解就是：几乎所有标签，都可以看做是一个“矩形盒子”，具有一定的宽高（区域）。总体上来说，一个盒子，是由若干个部分构成的，从内到外依次包括：盒子内容区，内边距区，边框，外边距区记住以下几个单词...

有关文字的属性4.1 字体属性字体属性是用来设定“文字字形”的外观表现，主要包括：颜色， 字体名称， 大小， 是否斜体（字体样式）， 是否粗体。color， font-family， font-size， font-style font-weight常用字体属性如下所示：属性名称含义与...