首页 > 代码库 > Bootstrap 3.2.0 源码试读 2014/08/10

Bootstrap 3.2.0 源码试读 2014/08/10

第一部分 normalize.css

167至171行

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}

表单分组标题的内添充为上 .23em,下 .75em, 左右 .625em。外边距为上下0,左右2px,边框为#c0c0c0、实心的1px宽。

分组标题的内添充为0,边框为0。


176至178行

textarea {
  overflow: auto;
}

多行文本框在需要滚动条的时候再显示


179至181行

optgroup {
  font-weight: bold;
}

选项组的字体样式为加粗。


182至189行

table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

表格table标签的相距单元的边框之间的距离为0,并且合并。单元格、标题行的单元格的内添充为0.

可以设置2个值,第1个为左右,第2个为上下。如果想继承自父容器则设为inherit

border-collapse是说如何处理相临单元格之间的边框样式。这里设置的是合并。

有3个值可选。

1、separate,这个是默认值,就是单元格独立显示自已的边框。

2、collapse,单元格之间合并显示边框

3、inherit,继承。


还有1个属性 empty-cells,如果2行2列的表格,你只用了3个单元格,第4个格没内容,那你不希望第4个没用的格子也显示边框,就是通过这个控制的

1、show

2、hide

3、inherit,继承。