day02
1、html的操作思想
** 使用標籤把要操作的資料報起來，通過修改標籤的屬性值來實現標籤內資料樣式的變化
***
2、影象標籤
** 通過html訪問本地，使用絕對路徑，目前有問題
3、超連結標籤
4、**標籤
** 技巧：數裡面有多少行，每行裡面有多少個單元格
** 5、表單標籤
**- action method enctype
- method: get post
** 輸入項
*** 有name屬性
* 普通輸入項 type="text"
* 密碼： password
* 單選：radio
- name值相同
- value值
* 核取方塊：checkbox
- name值相同
- value值
* 下拉框 select option
* 文字域 textarea
* 隱藏項：type="hidden"
* 檔案： type="file"
* 提交按鈕 type="submit"
* 重置 ： reset
* 使用提交：
* 普通按鈕 type="button"
6、div和span
* div: 自動換行
* span：在一行顯示
css1、css的簡介
* css： 層疊樣式表
** 層疊：一層一層的
** 樣式表：
很多的屬性和屬性值
* 是頁面顯示效果更加好
* css將網頁內容和顯示樣式進行分離，提高了顯示功能。
2、css和html的結合方式（四種結合方式）
（1）在每個html標籤上面都有乙個屬性 style，把css和html結合在一起
（2）使用html的乙個標籤實現
*（3）在style標籤裡面 使用語句（在某些瀏覽器下不起作用）
@import url(css檔案的路徑);
- 第一步，建立乙個css檔案
（4）使用頭標籤 link，引入外部css檔案
- 第一步 ，建立乙個css檔案
- *** 第三種結合方式，缺點：在某些瀏覽器下不起作用，一般使用第四種方式
*** 優先順序（一般情況）
由上到下，由外到內。優先順序由低到高。
*** 後載入的優先順序高
*** 格式 選擇器名稱
3、css的基本選擇器（三種）
** 要對哪個標籤裡面的資料進行操作
（1）標籤選擇器
* 使用標籤名作為選擇器的名稱
div
（2）class選擇器
* 每個html標籤都有乙個屬性 class
- aaaaaaa
- .haha
（3）id選擇器
* 每個html標籤上面有乙個屬性 id
- bbbbb
- #hehe
*** 優先順序
style > id選擇器 > class選擇器 > 標籤選擇器
4、css的擴充套件選擇器
（1）關聯選擇器
* wwwwwwww
* 設定div標籤裡面p標籤的樣式，巢狀標籤裡面的樣式
* div p
（2）組合選擇器
* 1111
* 把div和p標籤設定成相同的樣式，把不同的標籤設定成相同的樣式
* div,p
（3）偽元素選擇器(了解，瀏覽器的相容性比較差)
* css裡面提供了一些定義好的樣式，可以拿過來使用
* 比如超連結
** 超連結的狀態
原始狀態 滑鼠放上去狀態 點選 點選之後
:link :hover :active :visited
** 記憶的方法
lv ha
5、css的盒子模型
** 在進行布局前需要把資料封裝到一塊一塊的區域內（div）
（1）邊框
border: 2px solid blue;
border：統一設定
上 border-top
下 border-bottom
左 border-left
右 border-right
（2）內邊距
padding:20px;
使用padding統一設定
也可以分別設定
上下左右四個內邊距
（3）外邊距
margin: 20px;
可以使用margin統一設定
也可以分別設定
上下左右四個外邊距
6、css的布局的漂浮(了解)
float：
** 屬性值
left : 文字流向物件的右邊
right : 文字流向物件的左邊
7、css的布局的定位（了解）
position：
** 屬性值
- absolute ：
*** 將物件從文件流中拖出
*** 可以是top、bottom等屬性進行定位
- relative ：
*** 不會把物件從文件流中拖出
*** 可以使用top、bottom等屬性進行定位
8、案例 **混排案例
** 和文字在一起顯示
9、案例 影象簽名
** 在上面顯示文字
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...