前端工程学习日记第６天

作业错误：

1. ul 标签使用上有误哦！ul 的子层只能是 li，也不能单独使用 li 没有 ul 包覆

如下范例

3. 文章内容要避免使用 < 这个符号，因为用来包覆 HTML 标签的也是这个符号，这样会导致网页显示错误

#两栏式、三栏式版面定位技巧：透过main统一向下推20px

为何字会跑出去？ 原因是因为写死了 menu height 50px 无法跟着做推挤

２００＋１０＋７９０＝１０００

两栏式、三栏式版面定位技巧
把它删掉就可以

看padding 多一点留白 padding: 10 10 10 10 但右边粉红色区块又被挡住10+10+200=220

直接从chrome检查器里改200 to 180px

把文字放到main里面里面

clearfix 记得要放在浮动的下面，让footer可以正常显示

#设计并排式选单 : 横排的连结区块
ul>li*5>a 五个都是连结


ul li 是区块元素所以不会并排在一起

现在需要把符号编码隐藏起来，并把样式归零。 css reset

![https://ithelp.ithome.com.tw/upload/images/20201107/20132398z85ETNDUWJ.png]
版型跑掉了
(https://ithelp.ithome.com.tw/upload/images/20201107/20132398z85ETNDUWJ.png)
topmenu {height50px}

还没有背景颜色以及下底线 文字颜色白色用#fff

text-align:center文字置中
text-decoration：none 拿掉文字连结的下底线

上图存档後会变成

line-height:50px之後字高度中间就会变字。
.topmenu li a :hover{ background: orange

可以复习第二章节：区块和行内的小节

整体先float:right
ul 先向右推２０

再来调整li的细节 三个li

假设head区块logo在左边。 ul li也浮动在左边的做法
先给logo picture做 a herf="#" class="logo">

css