cod16xx的博客

双飞翼实现优先加载main，左右固定，中间自适应.container（包含.main），.left，.right 都浮动float：left .container设置100%宽度.main设置 左 右 margin.left 设置 margin-left：-100%.right设置margin-left：自身宽度<div id="container1"> <div id="mai

flex container 默认存在两根轴线main axis（默认横向） 和 cross axis在容器上设置display：flex 以及下面六个属性flex-direction 主轴方向 row（默认） | row-reverse | column | column-reverseflex-wrap 换行 nowrap（默认） | wrap | wrap-reverse (第一行

权重和来源重要性例如，p.dark{color:red !important; background:white !important;} 注意，!important 要放在声明最后，分号前，多个关键字的属性如font必须放在最后，否则font声明会无效。权重和来源由大到小： 1.读者的重要声明 2.创作人员的重要声明 3.创作人员的正常声明 4.读者的正常声明 5.浏览器（

属性选择器 属性选择器在为不带有 class 或 id 的表单设置样式时特别有用 如， input[type="text"]h1[class]{}包含class属性的h1 h1[class][color]{}包含两个属性的h1 h1[class="urgent warning"]{} 只选择 class= urgent warning的元素 包括顺序 与h1.urgent.warni

<link rel=” alternate stylesheet” type=”text/css” href=”” title=”” media=“print | screen”>设置候选属性表，rel属性设置为alternate stylesheet ，title属性用于指定候选样式表名字，ie本身不支持（可用javascript实现），可结合media属性使用 为rel为stylesheet

实现上述效果的代码，如下...<div class=radio> <input type="radio" name="deo" id="deo1"> <label for="deo1"></label> <input type="radio" name="deo" id="deo2"> <label for="deo2"></label></div>...

如图