本人一直在从事.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; 注:如果不加这句图片会通过重复来进行填充