前端从零开始

一.文本格式化标签

<strong>加粗</strong>   
 <em>倾斜</em>
 <ins>下划线</ins>
<del>删除线</del>
<strong><em>加粗倾斜</em></strong>   
<strong><ins>加粗下划线</ins></strong> 
<ins><del>删除线下划线</del></ins>
<strong> <em><ins><del>加粗倾斜删除线下划线</del></ins></em></strong> 

效果如图

stong、em、ins、del标签自带强调含义，且这几个标签不带换行，还可以进行父子嵌套使用

同时可以使用<b><i><u><s>分别代替以上的标签，但是工作多使用stong、em、ins、del标签。

二.单元格合并

保留左上的单元格，添加属性（取值是合并单元格的数量）

属性：rowspan跨行合并

           colspan跨列合并

<table border="1">
    <thead>
<tr>
    <td>姓名</td>
    <td>语文</td>
    <td>数学</td>
    <td>总分</td>
</tr>
</thead>
<tbody>
<tr>
    <td>李四</td>
    <td>98</td>
    <td rowspan="2">100</td>
    <td>198</td>
</tr>
<tr>
    <td>张三</td>
    <td>97</td>
    <!-- <td>100</td> -->
    <td>197</td>
</tr>
<tr>
    <td>总结</td>
    <td colspan="3">第一</td>
    <!-- <td>第一</td>
    <td>第一</td> -->
</tr>
</tbody>
</table>

效果如图

以及在html代码中空格用&nbsp表示，小于符号<:&it,大于符号>&gt。

三.css的入门

1.内部样式

可以写在html代码里面的titl标签下再写一个style标签，再在里面写上选择器+{}例如：

​
  <style>
       模板： 选择器 { 
            属性名：属性值
        }   
        实例：
        p {
            color:red ;
        }
    </style>

​

代表我将<p>标签里的文字颜色设置为红色

2.外部样式

css代码写在单独的css文件（.css）里面,在html中使用link标签引入，例如：

创建一个.css文件，并在里面使用所需要用到的选择器，再到html里使用link标签引入。注意：link标签也是写于title标签以下的

链接css文件

   <title>css</title>
   <link rel="stylesheet" href="my.css">

3.行内样式

配合Java Script使用，css写在标签的style属性值里

<div style="color: aqua;font-size：30px">
    加油
</div>

效果：

在实际工作中最多使用外部样式表。

三.选择器

作用：查找标签，设置样式

1.基础选择器

标签选择器

使用标签名作为选择器➡选中同名标签设置相同样式，无法差异化同名标签的样式。例如：p，div，img...

类选选择器

作用：查找标签，差异化设置标签的显示效果，定义类选择器➡.类名，使用选择器➡标签添加 class=“类名”   ，一个类选择器可以给多个标签使用。例如：

也可以一个标签使用多个类选择器，class属性里写多个类名，类名之间用空格隔开：

id选择器

作用：查找标签，差异化设置标签的显示效果。

场景：id选择器一般配合Java Script使用，很少用来设置css样式

定义id选择器➡#id名，使用id选择器➡标签添加 id=“id名” 

注意：同一个id选择器在一个页面只能使用一次

通配符选择器

作用：查找页面所有标签，设置相同样式。

通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同样式，效果如图：

心得

学习到了很多未学习和听到的知识，以及学习到了基础选择器，这一些只是很基础的东西，任重而道远啊·，距离实现我自己所想要达到的项目还差了很远。