vuturn的专栏

选择器的分组CSS选择器分为1.群组选择器 如：p, body, img, div{}2.兄弟选择器 如：p + p { color:#f00; }3.属性选择器 如： p[title] { color:#f00; }4.包含（后代）选择器 如：body ul li{}5.子元素选择器 如：div > p{}6.ID选择器 如：#myDiv{}7.类选

1.1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，IE  Chrome下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。2.图片透明兼容写法  filter:alpha(opacity=7

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

要注意以下几点： 1、 浮动元素会被自动设置成块级元素，相当于给元素设置了display:block（块级元素能设置宽和高，而行内元素则不可以）。 2、 浮动元素后边的非浮动元素显示问题。 3、 多个浮动方向一致的元素使用流式排列，此时要注意浮动元素的高度。 4、子元素全为浮动元素的元素高度自适应问题。 以下详细分析四个问题。 一、浮动元素自动变块级元素 首先说

2015年4月30日，W3C发布了最新的CSS选择器4级草案。本文将介绍这些最新的CSS4选择器的使用方法和注意事项。2015年4月30日，W3C发布了最新的CSS选择器4级草案。在我们开始介绍这些新的CSS选择器之前，你必须要了解，这些选择器目前在绝大部分的浏览器中都是不可用的。因为这只是一份草案。这是4级CSS选择器的第四份草案，第一份草案是2011

css3阴影效果代码： .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}释义为：横向偏移3像素，纵向偏移3像素，模糊4像素，颜色为纯黑。 如果我们把含上面样式的这个class

与link类似，@import 用于指示Web浏览器加载外部样式表，并在表现HTML文档时使用其样式，唯一的区别在于命令的具体语法和位置。@import必须放在 style容器中，也就是要放在其他css规则之前，否则不起作用。

什么是CSS Float？定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级元素，而不论它本身是何种元素。元素对象设置了float属性之后，它将不再独自占据一行。浮动块可以向左或向右移动，直到它的外边缘碰到包含它的框或另一个浮动块的边框为止。fload属性有四个可用的值：Lef

当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方法，比如使用相对定位和绝对定位。在这篇文章中，我们首先要讨论元素浮动；然后，我们要讨论如何使用x,y和z轴控制元素的位置。 元素浮动

首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：          可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。       注意，以上这些理论，是指标准流中的div。       小菜认为，无论多么复杂的布局，其基本出发点

.radio-btn { width: 20px; height: 20px; display: inline-block; float: left; margin: 3px 7px 0 0; cursor: pointer; po