今天的课程,老师主要介绍了列表标签的相关知识及编程内容。

    一、对近期编程过程进行总结

    1.编程过程中,一定要做备份,做一个阶段(情况自定),备份一份。这样出现了错误,比较容易纠正,提高效率;再者可以防止数据丢失。

    2.编程过程中,先编写内容(body),后编写样式(style),样式是修饰内容的。

    3.编写代码时,需要“缩进”,用“Tab”,不要用“空格”。

    4.要按照标准格式书写,详见下面编程截图。

    5.颜色代码前,一定要加“#”。

    6.输入英文和符号时,一定要转换为“英文模式”。

    7.编写样式过程中,一个类(如ol、div)需要编写两次,第二次需要使用它的id进行编写,不可重复。

 

    二、列表标签分为:有序列表标签<ol>、无序列表标签<ul>、自定义列表标签<dl>。列表标签可以自动换行,凡自动换行的都可看成div(盒子模型)

 

    三、文字在li(盒子模型)里垂直居中问题

    字体有自己所在的行间距,且自动在垂直方向居中。我们的目的是使文字在li(盒子模型)里垂直居中,需要做的是:设置li盒子模型高度(大于文字高度),再设置行间距(line-height),其数值与li盒子模型高度相同。

   

    四、文字、段落编程过程(标准格式)

 

wKiom1gjOomSrdgyAAHzJt4UzMQ570.png-wh_50

 

wKioL1gjOorCn1L2AAFZ5BCQsXg809.png-wh_50

 

    五、利用无序列表编写的程序

 

wKioL1gjO8XzP0cyAAE8WkP_0uI911.png-wh_50

 

wKioL1gjO8bg7FVdAAEhoS6tp5M501.png-wh_50

 

    六、网站首页导航条的编程过程

 

wKiom1gjPGHD1lQaAAKnIbDxVxs586.png-wh_50

 

wKioL1gjPGHSXbjiAAC_NiJjnwA820.png-wh_50