11.7-11.11周总结

Posted 2020-08-19

    通过首周对php的入门了解，大体上对PHP有了初步的认识。下面对本周的学习进行总结。

    首先了解了两种网站默认首页：index.html和default.html。

    div

    接着学习了div，本意上div就是方框，但我们把所有可以自动换行的元素都可以看成div，也就是盒子模型。div中一些命令：background-color背景色、width宽、height高、float浮动，以及清除浮动.clear。还有border边框、margin外边距、padding内边距、border-radius圆角。

    文字

    文字的添加和设置：<h1>-<h6>文字大小、<p>段落标签、<br>换行、&nbsp空格、text-indent缩进（这里只段落的首行缩进）。

    列表

    列表：<ul>无序列表、<ol>有序列表、list-style：none去点、text-align：center文本水平居中、line-height行高（列表中通过设置行高来设置文本的水平居中）、<li>定义列表、hover选择鼠标移动到链接上的特殊样式（可用于所有元素，不只是链接）。

    图片

    图片：<img>图片标签、<img src="图片地址" alt="图片说明“></img>、alt的作用有两个1.当图片不存在时，显示占位 2.利于SEO（搜索引擎）优化。

     超链接

    超链接：<a>超链接、<a herf="地址"></a>，<a>标签的作用有三个：1.作为本地文件的超链接 2.超链接至网页 3.作为锚点，打开新网页保留原网页。<a target="_blank">使用target属性定义被链接文档在何处显示</a>、text-decoration文字链接去除下划线。

     表格

    表格：<table>表格、<caption>表格标题、<th>表头、<tr>行、<td>列、<thead><tbody>表格表头及内容，利于SEO（搜索引擎）的区分，不显示任何效果、colspan合并行单元格、rowcolspan合并列单元格、font-size字号。

    背景图片

    背景图片：background-image背景图片url属性添加地址、background-repeat背景重复（分三个属性no-repeat不重复、repeat-x横向重复、repeat-y纵向重复）background-size背景图片尺寸。

 

    首周主要以入门了解为基础，对于代码格式的安排比较重要，要清楚地表达其父子包含关系，养成一个良好的书写习惯之后会很有条理性，便于后期代码的检查与更改。