Hbuilder快速代碼技巧和常用快捷鍵


1.在body內輸入div.abc按下tab鍵

效果:<divclass="abc"></div>

2.在body內輸入div#abc按下tab鍵

效果:<div id="abc"></div>

3.在body內輸入ul>li{小花}*3按下tab鍵

效果:<ul>

                 <li>小花</li>

                 <li>小花</li>

                 <li>小花</li>

         </ul>

4.在body內輸入div>a[href='#']{小花}*3按下tab鍵

效果:<div>

                 <ahref="#">小花</a>

                 <ahref="#">小花</a>

                 <ahref="#">小花</a>

        </div>

5.在body內輸入select>option{$}*5按下tab鍵

效果:<select name="" id="">

                 <optionvalue="">1</option>

                 <optionvalue="">2</option>

                 <optionvalue="">3</option>

                 <optionvalue="">4</option>

                 <optionvalue="">5</option>

          </select>   

6.在body內輸入select>option[value='花香']{$}*5>a[href='#']{小花}按下tab鍵

效果:<select name="" id="">

                 <option value="花香">1<a href="#">小花</a></option>

                 <option value="花香">2<a href="#">小花</a></option>

                 <option value="花香">3<a href="#">小花</a></option>

                 <option value="花香">4<a href="#">小花</a></option>

                 <option value="花香">5<a href="#">小花</a></option>

        </select>      

總結一下:屬性值用[ ]填充,文本內容用{ }填充,看完上面大概就明白了,謝謝。

HBuilder的常用快捷鍵

Ctrl + d                   刪除整行內容
Ctrl + Shift +R       復制當前行到下一行
Ctrl + Shift +D      重新編輯
Ctrl + 方向鍵          當前行整行內容上移或下移
Alt + ↓                    跳轉到下一個可編輯區
Ctrl + Alt + j          與下一行合並
Ctrl + Alt + ←        選擇助手
Shift + 回車            生成換行符
Ctrl + 回車              向下插入空行
Ctrl + Shift + 回車  向上插入空行
Ctrl + Shift +F        格式化代碼
Shift + 空格            全角/半角輸入
Alt + [                     匹配括號
--------------------- 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM