HTML前端入门归纳——控件

　　本人一直在从事.net的开发，界面都是采用的WPF，近期花了一个多月进行HTML前端的学习，在这里呢进行学习总结和归纳。
　　本系列将主要分为4个模块：

　　　　控件

　　　　样式

　　　　布局

　　　　JavaScript

　　根据多年WPF的开发经验，界面就是控件及样式与布局的组合，再加上代码来控制交互逻辑，本期先对HTML常用的控件进行归纳。

　　div : 区块

 

1   <div class="***"> 
2   </div>

　　div的概念与WPF中的Border类似，一般作为一个局部控件的容器，可通过css来设置它的各个属性，比如宽、高、背景色

1 div {
2     height: 160px;  
3     width:200px;
4     background-color: #fff;
5 }

　　通过上面的css即可得到如下结果

　　我们也可以将div的背景色改为图片，只需在css中加如下一句即可

 

　　　　　　background-image:url(图片路径);
　　　　　　background-repeat:no-repeat; 注：如果不加这句图片会通过重复来进行填充

　　因为div经常被当作局部控件的容器，所以我们可以在它的内部添加其他控件，

 

1 <div>
2       <p>叫爸爸</p>
3 </div>

　　

　　input : 用户输入区