之前項(xiàng)目開發(fā)，零零散散筆記了些開發(fā)的知識，一直沒有想整理總結(jié)，現(xiàn)在寫博客整理吧

css篇

1.如何讓div中的內(nèi)容垂直居中

內(nèi)邊距（padding）法

padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;

2.如何讓div顯示邊框樣式呢？

.divcss5{border:1px solid #F00}

3.CSS3 圓角（border-radius）

-moz用于Firefox
-webkit用于Safari和Chrome。
例如

#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px;      /* Gecko browsers */
-webkit-border-radius: 15px;   /* Webkit browsers */
border-radius:15px;            /* W3C syntax */
}

4.web手機(jī)字體自適應(yīng)

css方法

@media screen and (min-width: 320px) {
html {font-size: 12px;}
}
@media screen and (min-width: 360px) {
html {font-size: 14px;}
}
@media screen and (min-width: 400px) {
html {font-size: 16px;}
}
@media screen and (min-width: 440px) {
html {font-size: 18px;}
}
@media screen and (min-width: 480px) {
html {font-size: 20px;}
}
@media screen and (min-width: 640px) {
html {font-size: 26px;}
}

標(biāo)簽就可用:font-size: 1.0rem,然后字體size就會根據(jù)屏幕適應(yīng)了。

5.規(guī)定段落中的文本不進(jìn)行換行：

p{
white-space: nowrap
}

<small>normal默認(rèn)?？瞻讜粸g覽器忽略。
nowrap文本不會換行，文本會在在同一行上繼續(xù)，直到遇到標(biāo)簽為止。
pre-wrap保留空白符序列，但是正常地進(jìn)行換行。
pre-line合并空白符序列，但是保留換行符。
<small>