CSS的学习笔记---（一）

1. 一般在head中添加
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2.下面是一些标签的介绍：

<title>address标签介绍</title><q>balabala……</q>  实现的效果“balabala……”===就是双引号的作用<blockquote>长断的文本</blockquote>=====实现效果“长断的文本”====还是双引号的作用，只不过次引用是比较长的文本。&nbsp;=======空格<hr/>=========分隔的长线条，颜色为灰色<br/>========Xhtml换行显示，html中是<br>===相当于回车。<address>balaba……</address>=====为网页加入地址信息=====浏览器显示为斜体，如果不喜欢斜体，那就用CSS样式来修改。<code>小段的代码</code><pre>长段的代码</pre>********************************************************使用ul-li添加新闻信息列表(没有前后顺序)====一般显示为每项li前都自带一个圆点<ul>    <li>精彩少年</li>    <li>巴拉巴拉</li>    <li>巴拉巴拉</li>    <li>巴拉巴拉</li>    <li>巴拉巴拉</li>    <li>巴拉巴拉</li></ul>*****************************************************使用ol展示有前后顺序的信息列表=======一般显示为，每项前面有个数字的顺序号。<ol>    <li>第一个</li>    <li>第二个</li>    <li>第三个</li>    <li>第四个</li>    <li>第五个</li></ol>*******************************************************<div></div>起到容器的作用，在排版中很有作用。//可以用id来给div起名字，用以区分不同的div。<div id="板块的名称">balabalabala……</div><div id="first">balabalabal……</div><table>网页上的表格</table>=====在没有添加CSS之前，浏览器没有表格线<tbody>balabala……</tbody>======只有当表格内容全部下载完，才会显示<tr></tr>=====表示表格的行<td></td>======表示表格的列<th></th>======表格的头部单元格，表格表头=====就是会加粗，居中显示######################################################<table>  <tbody>    <tr>      <th>班级</th>      <th>学生数</th>      <th>平均成绩</th>    </tr>    <tr>      <td>一班</td>      <td>30</td>      <td>89</td>    </tr>    <tr>      <td>二班</td>      <td>35</td>      <td>85</td>    </tr>    <tr>        <td>三班</td>        <td>32</td>        <td>80</td>    </tr>  </tbody></table>*********************************************************为表格添加CSS样式，<style type="text/css">table tr td,th{border:1px solid #000;}</style>为表格添加标题========就会显示在表格的正上方，中间。*********************************************************<caption>标题文本</caption>=====一般在<table>标签之后，就放上<caption></caption><summary>表格的摘要</summary>======一般在<table summary="这个表格是用来，balabala ……">====不会再浏览器中显示，就相当于摘记的作用*******************************************************用<a href="wwww.baidu.com" title="baidu">click here</a>========<a>标签，来添加链接,title的作用是鼠标放上“click here”后会显示baidu只要文本加入<a>标签后，文字会自动变为蓝色（被点击过的文本为紫色，可以用css样式改掉）