写网页如何写的快一些
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>
写很多代码不要忘记写草稿