HTML项目结束总结。2020-09-24

HTML项目结束总结

一，关于项目
      1，首先先分析项目结构，将页面分开来做分析，做好页面框架结构。
      2，将页面板块分划好，然后细化板块内的内容，找到合适的标签，来构建板块，再用相应的属性达到合适的效果。

二，实现项目，在H-builder中操作注意事项

1. 常见中文编码方式：UTF-8，GB2312
2. 超链接a标签加属性href 表示链接，“#”符号表示不跳转；a标签加属性name是锚点
3. 在img中:   属性src:表示图片地址 
4. 表格中 ： 表头:thead  表内容:tbody
   <thead></thead>
   <tbody></tbody>
5. css样式实现：
   1.line-height表示行高。 
   2.font-weight表示字体加粗,bold常用加粗。
   3.background的url路径属性：添加图片背景类的。
   4.表格边框重合属性：border-collapse的collapse属性。
   5.display 属性规定元素应该生成的框的类型：
         block块级元素，元素前后会有换行符。
         inline为默认，内联元素，元素前后没有换行符。
         inline-block行内块级元素。
   6.position 属性规定元素的定位类型：
         absolute：绝对定位，相对第一个父元素进行定位。
         fixed：固定定位，相对于浏览器窗口进行定位。
         relative：相对定位，相对于其正常位置进行定位。
   li标签 让其类似表格布局：display：inline-table。
   浮动： float: left相对父级容器左边框漂浮，right相对右边框。
6.  精灵图：例如background: url(img/bg.gif) no-repeat -213px -11px; -213表示调整横向位置 -11表示调整纵向位置