学习html+css（2）

2018 3.18-3.20

1.列表标记

（1）无序列表
<ul>
<li>........</li>
</ul>
ps:不可以不用<li></li>直接输入文字
（2）有序列表/////例如歌曲排行榜啊，明星势力榜啊等等榜单类
<ol>
<li>....</li>         这里的<li>默认就表示序号1. 2. 3.  。。。。
<li>......</li>
</ol>
2.超链接
（1）窗口
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
<a>为一个行内标记
href用于指定要跳转的地址
target为打开方式，分_self（原窗口打开）、_blank（新窗口）
（2）图像
<a href="#" ><img src="..."/></a>
（3）锚点链接(其中一种-用id，还可以用name、js)
<a herf="#xxx">链接文本</a>
使用相应的id名标注跳转的位置（百度百科的目录条）
<h1 id="xxx">链接文本（同上）</h1>
<p>xxxxxxxxx</p>
（4）链接伪类
这个是关于用户体验的一个部分，让鼠标显示更好看，页面样式更丰富。
a:link{...}未访问的该链接的状态
a:visited{...}访问后的状态（显示）
a:hover{..}鼠标悬停时的显示
a:active{...}鼠标点击时的状态
3.表格
（1）创建表格
<table>
<tr>-----定义表格中的一行
<td>单元格内文字</td>-----定义单元格
.....
</tr>
...
</table>
-表格边框默认为0，需要加border
-若直接加载table后面，是指整个表格
ps：align是指整个表格在浏览器中的位置而不是文本
-如果是tr，也有属性即某一行特殊显示
-td即文本特殊显示
ps：有两个特殊的属性即colspan（合并水平单元格），rowspan（合并垂直）
一般用css直接定义表格
4.表单
即那种登录界面啊、信息填写啊、修改信息啊等等
<input type="xxxxx"/>
有很多控件类型及属性可以使用，不一一写了，要用的话还可以查找
下拉式为select控件
5.元素的浮动
可以使排列更美观
float：left/right/none；
6.overflow属性
一般超出元素框后，用overflow的auto属性，来添加滚动条且内容全部显示，不被裁剪
7.定位
定位是基于浮动之上的，可以使元素出现在某个特定的位置，比float要精确
选择器{position：属性值；}
（1）相对定位
是相对于原先的默认位置的偏移
（2）绝对定位
根据已经定位的父元素的偏移、或者根据body的定位