以前自己寫的小筆記
剛開始的時候自己寫的一些筆記 新手讀 我開始是用記事本寫的
很久以前記的 不全 待續~~~
HTML筆記
格式(這個格式只是初級 開始)
<!doctype html>
h1-h6 標題標記 屬性：align 文本水平對齊方式 屬性值：left、right、center
注意點：html語言裏面的標記都是語言規定死的，直接使用就可以，不能自己去創造標記
hr水平線標記 屬性：color 水平線顏色 屬性值：顏色值（英文單詞） 單標記
br換行標記 單標記
p段落標記
字符 空格
特點：自上而下排列的
二級標題
二級標題
b、strong 加粗標記
em、i 傾斜標記
font 字體標記 屬性: color size 注意點：size屬性的數值最大值是7，最小是1
特點：橫向排列的
列表標記有三種：
1、無序列表 ul li
2、有序列表 ol li 屬性：type 類型 屬性值：數字（默認值）、I、A、a
3、自定義列表 dl dt dd dl dt(圖片、名詞) dd（解釋）
把外層的標記叫父標記（父元素---容器），把內層的標記叫子標記（子元素）
特點：自上而下排列的
超鏈接:
a 超鏈接標記 特點：橫向排列的
屬性：href 路徑 屬性值：地址
屬性：target 屬性值：_blank新窗口打開 _self（默認值）
注意點：如果href的屬性值是#號的話，表示空鏈接，起了一個佔位的作用
img 圖片標記
屬性：src 路徑
屬性：alt 提示信息（當圖片由於某種原因加載失敗時顯示） --- 路徑錯誤、和諧了、網速比較慢時。。。
屬性：title 標題（當鼠標懸停在圖片上時才顯示）
屬性：width 寬度
屬性：height 高度
注意點: 如果高度沒有設置，設置了寬度高度隨着比例等比縮放
圖片路徑有兩種：
1、絕對路徑 帶盤符的路徑 例如：C:\Users\痞子不壞\Desktop\H51910\day02
2、相對路徑 在工作中前端使用最多的就是相對路徑 ../../
table表格標記 作用：顯示數據
表格的組成：table tr（行） td（列--單元格）
屬性：
1、border 邊框 只能設置在table上面
2、width 寬度
3、height 高度
4、align使用規則：
a、設置在table上面表示整個表格的水平對齊方式
b、設置tr上面表示整行的文本對齊方式
c、設置td上面表示單元格對齊方式
5、bordercolor 邊框顏色 只能設置在table上面
colspan="“行的和並 rowspan=”"列的和並
css
一、使用屬性時的注意點：
1、html屬性和css屬性不能混用
2、一定要把html屬性的語法和css屬性的語法區分開
二、常用的css屬性
1、width 寬度 數值+px
2、height 高度 數值+px
3、font-size 字體大小 數值+px
4、color 文本顏色 顏色值（英文單詞、十六進制顏色值）
5、border 邊框 值1表示邊框的寬度 值2表示邊框的線型（樣式） 值3表示邊框的顏色 縮寫形式 例如：border:1px solid(實線) red;
分析形式：
border-left:1px solid red; 左邊框
border-right 右邊框
border-top 上邊框
border-bottom 下邊框
6、text-align 文本水平對齊方式 left、right、center
7、margin 外邊距 指的是元素與元素之間的距離
margin-left 左邊距
margin-right 右邊距
margin-top 上邊距
margin-bottom 下邊距
清除內外邊距的方法： *{margin:0;padding:0;}
margin:0 auto; 可以讓塊級元素水平居中，元素必須有寬度
8、padding內邊距（填充） 指的是內容（元素、文本）到邊框之間的距離
padding-left 左填充
padding-right
padding-top
padding-bottom
注意事項：
a、如果想保保持元素原有大小不改變，設置了padding值後，需要從元素的寬或者高度減去相應的padding值
b、如果內容是文本的話，只能使用padding值來控制它的距離
c、如果元素的內容是元素的話，既可以使用padding也可以使用margin，怎麼選擇呢？那個簡單就使用那個嘛
d、如果一個元素沒有設置寬度，它的寬度默認是跟隨父元素的，設置的padding值不需要減去
9、background-color 背景顏色 顏色值
10、float 浮動屬性 作用：讓豎着的東西橫着來 屬性值：left左浮動、right右浮動、none不浮動;
注意點：如果兩個元素都設置是右浮動，那麼咱們元素的方向會改變