沒法分享markdown，以下文本可以直接復(fù)制到bear看完整效果。有需要的可以找我要完整markdown格式
# 9月第一周學(xué)習(xí)筆記#學(xué)習(xí)/筆記## 疑惑* 所有``標(biāo)簽引用的內(nèi)容都會(huì)有自己默認(rèn)的一套class，例如字體圖標(biāo)庫(kù)當(dāng)中的每一個(gè)單獨(dú)的 icon 就是一個(gè)class---## 一般屬性* `border-color` ::邊框顏色::* `border-width` ::邊框?qū)挾?:* `border-style` ::邊框風(fēng)格::1. 一般用`solid`* `border-radius`1. 可以用像素也可以用百分比2. 百分比的放在描邊后面，否則先百分比再描邊會(huì)有不同效果--- ## 文本* `
`::無序號(hào)列表::用法：```
milk
cheese
```效果[image:D974D04B-D0B5-4AA1-BDC2-3FA7C0E4EC07-1084-000058E89D9ED0F2/29047CDE-85BD-4A7B-BD23-1E8AF65766DB.png]* `
`::有序列表::(用法同**::無序列表::**)---## From表單* ``::輸入框::* `placeholder`::輸入框默認(rèn)值::例：``* `
`::數(shù)據(jù)上傳服務(wù)器::例： `
`* `submit`::提交按鈕::例：`this button submits the form`* `required`::必填字段::例：``* `radio`::單選按鈕::1. 所有關(guān)聯(lián)的單選按鈕應(yīng)該**使用相同的name屬性**例：```Indoorggdoor``` *`其中 type=“radio”`是指類型為單選按鈕 *`indoor`用來給單選按鈕加上右側(cè)為indoor的文字 *`name=“indoor-outdoor”`用意給按鈕命名，命名相同的按鈕屬于同一套單選系列* `checkbox`::復(fù)選框::嵌套在`;label`中使用* `checked`::默認(rèn)選中::例：`Indoor`---* `
`::盛裝其他元素的容器::* `background-color`::背景顏色::* `id`::唯一屬性::不要給任何元素相同的id用法例：`
`CSS中引用id加#，例```#su {? background-color: green;}```---## 元素樣式* `padding`::內(nèi)邊距::可以通過不同的方向控制`padding`的值`padding-top`上 `padding-right` 右`padding-bottom` 下 `padding-left`左也可以統(tǒng)一起來指定，例`padding: 10px 20px 10px 20px;`* `margin`::外邊距::可以通過不同的方向控制`margin`的值，類似::padding::增加`margin`意味著元素達(dá)到邊界時(shí)更小？可以設(shè)置負(fù)數(shù)——使元素變更大例：`margin: 20px;`* `border`::邊框::---## 細(xì)碎* `!important`使元素使用的樣式不會(huì)被覆蓋用法例：```.pink-text {? ? color: red !important;? }```---## 顏色* ::hex code::RGB顏色是由六位十六進(jìn)制數(shù)組成的（0-9，A-F），以兩位為一對(duì)（16*16）分別表示 red-green-blue （紅-綠-藍(lán)）* 顏色縮寫為三位表示RGB使用單個(gè)的16進(jìn)制來表示（#FFF表示 red:F green:F blue:F）但是這里的 F≠F0，而是指吧256等分為16份，表示不同的階段，即：F＝FF* 顏色的表示方法1. `#FFFFFF`2. `#FFF`3. `rgb(255, 255, 255)`4. ---## 復(fù)合用法* 全局調(diào)整```body{? ? background-color: black;? }```調(diào)整`body`的樣式會(huì)使用到附屬元素當(dāng)中在下邊新建class并覆蓋時(shí)會(huì)使用新樣式* class 新建的屬性總是會(huì)覆蓋原來的屬性,id屬性會(huì)覆蓋所有class屬性，行內(nèi)樣式會(huì)覆蓋所有屬性（即在標(biāo)簽內(nèi)直接寫屬性）除了寫了`!important`的屬性::**行內(nèi)樣式>ID樣式>新的class>舊的class**::* 多個(gè)class的引用法`class="name1 name2"`* ``可以把幾個(gè)元素放在一起，例：`
ExampleExample:
`---## Bootstrap：響應(yīng)式設(shè)計(jì)* 需要添加``* `Example`無樣式按鈕1. `class=“btn”`按鈕樣式2. `class=“btn-primary“`深藍(lán)色按鈕3. `class=“btn-info”`淺藍(lán)色按鈕4. `class="btn-block"`按鈕占滿一行5. `class="btn-danger"`警示按鈕* 12網(wǎng)格布局[image:FF3550C0-CCDF-44B3-B303-4FCFBBC80C93-1084-00008FD3B2F7E5DB/1E3E735A-FD84-4737-A7D6-5BEBDCACDADA.png]1. Class屬性`.col-md-*`正在被占用且一般用在div屬性當(dāng)中，其中 md 代表 medium 意為柵格所在的屏幕大小為中等，其他的有 xs(extra small)/；*代表需要占用的網(wǎng)格數(shù)。例：```
Example
```* `class=“well”`內(nèi)陰影樣式## Font Awesome 圖標(biāo)庫(kù)* 字體大小會(huì)繼承父級(jí)HMTL元素字體的大小* 需要添加``* 通過``標(biāo)簽引用,例``## jQuery———JavaScript庫(kù)```? $(document).ready(function() {
? });```* 一般叫 ::decument ready function::使HTML渲染完成再執(zhí)行，避免bug；1. `{}`中是 script 方法* 所有jQuery都是以 $ 開始的，讀音bling* jQuery通過選擇器來選擇一個(gè)元素的，然后操作元素做些改變。* 舉個(gè)例子，要讓所有的按鈕做彈回效果，只要把這段代碼寫在document ready function里面就可以了。`$("button").addClass("animated bounce");`1. `$("button”)`代表獲取所有 button 元素（獲取class可以用CSS中引用的方式，例 `$(“.example”) `自定義樣式； `$(“#example”)`ID； `$("example”)`元素；）* `addClass() `方法可以給元素添加 class* `removeClass()`可以去掉元素上的 class* `.css()`可以改變CSS屬性，CSS屬性和值在引號(hào)內(nèi)，且**用逗號(hào)分開**，例：`$("#example").css("color", "blue");`*`.prop()`改變?cè)氐膶傩裕篳$("example").prop("disabled", true);`使元素不可選* `.html()`方法可以添加HTML標(biāo)簽和文字到元素，而元素之前的內(nèi)容都會(huì)被方法的內(nèi)容所替換掉。例：`$("h3").html("example");`可以將文本內(nèi)容替換為example* `.text()`只能改變文本但不能修改標(biāo)記* `.remove()`移除html元素* `.appendTo`移動(dòng)元素，例`$("#example1").appendTo("#group");`* `.clone()`復(fù)制元素，::用法與appendTo有區(qū)別::例：`$("#example1").clone().appendTo("#group2");`需要同時(shí)使用clone和appendTo。這種用法叫做::function chaining::* `parent()`訪問父級(jí)例`$("#example1").parent().css("background-color","red");`* `children()`訪問子元素例`$("#group").children().css("color","red");`* `example:nth-child(n)`按索引序號(hào)選取元素（索引class）例1`$(".example:nth-child(2)").addClass("animated bounce");`代表以example為class的索引第二個(gè)結(jié)果添加class效果例2`$(".example:odd").addClass("animated shake");`以example為class且索引為奇數(shù)的結(jié)果天劍class1. 奇數(shù)：odd2. 偶數(shù)：even---## animated`fadeOut`淡出效果`hinge`懸掛出場(chǎng)??---## codePen* 添加bootstrap：class設(shè)置-鏈接：https://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css - 保存
