?--------------------------------------------task1分割線--------------------------------------------?

百度IFE傳送門:http://ife.baidu.com/

Sublime：

html5頭部文檔：ctrl+shift+p s s h(html)

類選擇器(.)與id選擇器(#)的區別：

相同點：可以應用于任何元素
不同點：

1、ID選擇器只能在文檔中使用一次。與類選擇器不同，在一個HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。

2、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。我們可以為一個元素同時設多個樣式，但只可以用類選擇器的方法實現，ID選擇器是不可以的（不能使用 ID 詞列表）。

常見文字標簽：

格式標簽及應用	功能	應用效果
內容一<br />內容二	讓文本強制換行	內容一 內容二
<p>段落一</p><p>段落二</p>	段落標簽	段落一 段落二
<b>內容</b>	加粗標簽	內容
<strong>內容<strong>	加粗標簽	內容
<font color="#FF0000">設置字體紅色</font>	設置字體顏色	設置字體紅色
<font size="3">設置字體大小</font>	設置字體大小等	設置字體紅色
<font face="黑體">設置字體黑體</font>	設置字體大小等	設置字體黑體
<s>內容</s>	刪除線樣式	內容
<em>內容</em>	強調標簽，字體被加斜體效果	內容
<i>內容</i>	文字斜體格式	內容
歡迎訪問<a >DIVCSS5</a>	錨文本，超鏈接	歡迎訪問DIVCSS5
<h1>最大標題標簽</h1>	標題標簽	最大標題標簽
<h2>標題標簽</h2>	標題標簽	標題標簽
<h3>標題標簽</h3>	標題標簽	標題標簽

CSS - 如何使一個按鈕居中？
解決這個問題比較好的方式，就是為所有需要相對父容器居中對齊的塊級元素設置“margin: auto;”，并且還要設置父容器的 "text-align: center;"。

繼承元素：

不可繼承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可繼承：visibility和cursor。
內聯元素可繼承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
終端塊狀元素可繼承：text-indent和text-align。
列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可繼承：border-collapse。

為表格設置合并邊框模型：

table
  {
  border-collapse:collapse;
  }

圖片隨著瀏覽器寬度的變化而分行顯示：

【效果】

圖片自動伸縮，不會超過屏幕寬度

【原理】

css控制圖片的max-width

【代碼】

要么直接在圖片代碼里面設置style，例如<img src="xxx.jpg"/>

要么給圖片統一一個class名例如response-img，然后在css文件里面設置這個class，例如

1 2 3

.response-img{ max-width:100%; }

input 與 button的區別

HTML: button和input button的區別
一句話概括主題：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加強大。

HTML 4.01規范的Forms部分指 名表單有以下幾種控制類型：buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之外，都是由<input>完成。

這里說的是<button>和<input>。

<button>和<input>
規范中指名：可以用<button>和<input>來做表單按扭。不同的按鈕類型請參考這些元素的詳細定義。要注意的是<button>比<input>支持更豐富的表現功能。

一些區別
大家都知道<input>可以這樣用（實際上是一定要這樣用）：<input type="submit" value="OK" />，一定要這樣閉合。而不是：<input type="submit" value="OK" ></input>。因為起始標簽為必須，而關閉標簽是禁止的。

<button>比<input>更厲害的地方就在于它可以包含內容。它的值并不是寫在value屬性里，而是包含在標簽中。如：<button>OK</button>。<button>的起始標簽和關閉標簽都是必須的。這樣你便獲得了樣式化的主導權。

你可以這樣寫：<button><strong>OK</strong>, I do.</button>，甚至是插入圖片：<button><img src="button.gif" alt="" />, it's great.</button>。有點類似于<input type="image">，但是顯然強大多了。

最后要注意的是，被<button>包含的圖片，不能使用熱點地圖，即不能<img src="foo.gif" usemap="..." />，這是不合法的。當然也不能再包含諸如input, select, textarea, label, button, form, fieldset, iframe,和isindex（不推薦使用）元素了。

======================================================================================

tips:

1.無序列表：做導航、放一系列圖片（去點list-style:none;）

2.border在寫的時候一定要將所有的屬性寫完，不然不能顯示： border:1px solid #999;

3.html設置文字間距：text-indent首行首字縮進，letter-spacing字與字間距_字符間距離，行間距：line-height

4.關于文章居中：設置了margin之后，怎么才能居中顯示 計算？

5.a與p的區別：<a>多用于超鏈接

6.圖片標簽要記得加alt!

7.font-weight:設置文字粗細

8.text-align:除了center還有left/right

9.將div設置為內聯：display:inline

10.除了水平居中還有垂直居中 vertical-align: middle;

11.當margin：0 auto 不管用的時候，

margin: auto; /*下面5行設置垂直居中對齊*/
position: absolute;
top: 0;
bottom: 0;
right: 100px;

overflow:hidden與clear:both

http://www.zhangxinxu.com/wordpress/2011/06/css3選擇器nth-child和nth-of-type之間的差異/

關于html中table表格tr,td的高度和寬度

http://www.cnblogs.com/siwy/p/5236875.html

總結

以上是生活随笔為你收集整理的『个人の笔记』百度ife的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。