一.href="#+id名" 可以快速跳轉 如: href="#two" id="two"快速跳 二. div大塊 自動換行 span小塊 不自動換行 三. 註釋標簽 ctrl+/ < > <和> 四.表格 表格形式 <table align="center" border=1 cellsp ...
一.href="#+id名" 可以快速跳轉
如:
href="#two"
id="two"快速跳
二.
div大塊 自動換行
span小塊 不自動換行
三.
註釋標簽 ctrl+/
< > <和>
四.表格
表格形式
<table align="center" border=1 cellspacing="0">
表單域 <from>
信息給伺服器
<form action="url" method="提交方式" name="表單功能變數名稱稱"> </from>
url 數據提交的後臺頁面 mathod="GET/POST"
表單控制項
1.input 輸入表單元素<input type="屬性值" name value> 屬性值:text password radio(單選按鈕) checkbox(多選框) 性別單選必須要有相同的名字name才可以單選 value是提示信息
checked屬性,表示打開的時候預設選中 checked="checked" 單選框只能選一個 多選框可以選多個 maxlength 規定最大輸入長度 submit提交按鈕 reset清楚所有數據
button 按鈕屬性 不提交屬性 一般和js結合 常用於手機驗證碼簡訊發送 file屬性 文件上傳
2.label標簽 擴大表單元素範圍 游標自動聚焦 for 和 id的值一樣 具體用法如下:
<label for="sex">gentle</label>
<input type="radio" name="sex" id="sex"/>
3.下拉表單select option 預設選定:selected="selected"
4.文本域textarea 多行文本輸入 <textarea>之間可以預設文本 cols最大列數 rows最大行數 但是實際開發都是css改變大小
五.CSS相關
css標簽使用在style標簽中 style在head中
選擇器 兩個聲明 屬性加鍵值對 後面一定要加分號
font-size:12px 修改為12像素
類選擇器口訣:樣式點定義 .後面跟類名 結構類(class)調用 一個或多個開發最常用
背景顏色 background-color
六.選擇器
多類名之間必須用空格分開 這樣就會把多個樣式都加上去
一般將相同的樣式放到同一個class 調用共用類 再用獨有類 方便修改
id選擇器 style裡面的id前面加上#號 和class的區別 id選擇器只能調用一次 類似於身份證號碼
通配符選擇器:*表示選取頁面中的所有元素(標簽)
七.文字
改字體 font-family 開發常用字體:"微軟雅黑"/"Microsoft YaHei" 有多個字體逗號隔開看的時候從左往右看是否安裝
font-size 文字的大小 預設是16px font-weight 文字的粗細 一般數字表示粗細 基準值為400 font-style 文本風格normal italic
八.Emmet語法
主元素加tab
多個標簽用*
父子關係用>
兄弟關係用+
.class名加tab 是class的快速生成 .id名加tab是id快速生成
span.y加tab
排序demo1 demo2 demo3... $ $是自增符號
div{文本}加tab
css的emmet的語法是縮寫加tab