写网页如何写的快一些（html,css，js）

1.比如：你要做一个轮播图或者一个网页，首页，淘宝页面，或者其他项目，如何加快写代码？（联想）

1.打草稿：草稿内容

效果图： 看的
html结构 div(div (ul) div ),
css选择器：命名也要写

css选择器的：属性也需要写一些：（顺序）

多个元素有相同属性：放在一起

一个元素属性顺序：
大小： width、 height:宽，高
有无定位：position ，设置了，要不要 left，top,bottom设置，位置
需不需要浮动： float:
有无背景属性： 颜色+背景图片，
(背景设置background-color，background-image)
要不要设置边距：外，内 padding，margin ；
要不要设置边框：boder属性：按钮 圆
要不要设置文本属性：text
要不要设置盒子阴影：box-shadow

等等.其他属性.

最后： js写一些：
需要用到的变量，具体的js方法

2.增加写代码的速度？

以下代码快速生成：
div.mian>ul.image>li.minth*3:然后敲enter键
父元素》子元素》子元素

<div class="main"><ul class="image">
    <li class="img"></li>
    <li class="img"></li>
    <li class="img"></li>
</ul>


<ul class="min">
    <li class="minth"></li>
    <li class="minth"></li>
    <li class="minth"></li>
</ul>


</div>

写很多代码不要忘记写草稿