发表于: 2018-07-26 23:40:08

1 606


今天完成的事情:

1.任务五小图标切图,整体框架出来了;

2.继续回顾以前知识。


明天计划的事情:

复习前面所学知识,继续研究任务五


遇到的问题:

1.任务五第二部分插入背景图片后,人像就不见了,试了半天不知道该怎么设置;

2.任务五第三部分列表里的图标,好几个设置了,但显示没放进去,不知道什么问题。

总体感觉css部分写的乱而且复杂


收获:

1.运用了列表,知道了list-style-type属性设置列表项标记符号,borde-bottom属性定义下边框;

2.复习了图像标签(<img>)和源属性(Src)<img src="url" />;

   a.排列图片align="bottom"    middle    top
   b.浮动图片align="left"    right
   c.调整图片尺寸width  height

   d.为图片显示替换文本alt

3.复习了表格一些知识:

   a.注意在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框,

为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来,no-breaking 空格是一个字符实体,no-breaking 空格由和号开始 ("&"),然后是字符"nbsp",并以分号结尾(";")  <td>&nbsp;</td>

  b.横跨两列的单元格<th colspan="2">电话</th>;横跨两行的单元格<th rowspan="2">电话</th>

  c.表头的字体会和其余表格内容不同,字体较粗较黑;  边框boder=8/12加粗时,左下和右上颜色不一样,如
d.表格的排列内容也可以用align="right"   left

e.frem属性  table fram="box"  above  below   hsides   vsides

4.复习了列表
  无序列表默认粗体小圆点进行标记,无序列表始于 <ul> 标签。每个列表项始于 <li>。标记可设置:ul type="disc"  "circle"   "square"
  有序列表默认的是数字123,数字可设置,<ol start="50">,有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。ol type="A"  "a"  "I"  "i"
  自定义列表,自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始
  嵌套列表








返回列表 返回列表
评论

    分享到