怎样快捷键创建div和起class名字

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>

总结一下：属性值用[ ]填充，文本内容用{ }填充，看完上面大概就明白了，谢谢。

div设置外边框相关如下：\x0d\x0aborder-color:#000设置4边边框颜色为黑色；\x0d\x0aborder-color:+颜色值，即可设置对象边框颜色；\x0d\x0aborder-left-color:#000设置左边框颜色为黑色；\x0d\x0aborder-right-color:#000设置右边框颜色为黑色；\x0d\x0aborder-top-color:#000设置上边框颜色为黑色；\x0d\x0aborder-bottom-color:#000设置下边框颜色为黑色；\x0d\x0a条件：必须设置对象边框存在，设置边框宽度必须大于或等于1px，边框颜色才会显示并有存在意义。\x0d\x0a.divcss5{border-style:solidborder-width:1pxborder-color:#000}\x0d\x0a这样就设置对象边框为实线边框，参数就是solid，边框宽度（厚度）为1px，边框颜色为黑色，这样设置边框颜色才会生效。

以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可4、运行结果如下图。无论如何变换浏览器宽度，div都是一行展示出来。

---