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样式改掉）