0528day02

今天的学习内容总结如下：

1.a标签：链接标签，它的核心属性就是href,属性值可跳转到一个地址   例如：<a href="https://www.baidu.com">GO！百度</a>

href适用于任何带路径的东西

2.绝对路径：从盘符开始，然后依次的往下查找      相对路径:  从当前文件开始，如果下一级目录就直接写文件夹名，上一级用../表示

3.img标签：图像标签，属性值有src(图片的路径)、alt(若图片路径有错，或者加载不出来，可为图像提供替代信息)

4.form标签：核心标签，只有提交功能，没有任何样式，用来创建表单；form的属性值有action(提交的地址，通常为服务端的地址，如果不写，默认往本页提交)、method（提交的方式，get/post  ，如果不写，为get提交)

提交功能的实现有两种方式，意义一样，用一种即可：1.<button>提交</button>  2.<input type="submit"/>

都写</form>前面

5.type属性后加入name属性才能显示输入的值

用例：

<form action=" " method=" ">

用户名：<input type="text" name="username"/><br />
密码名：<input type="password" name="userpwd"/><br />

</form>

<input type="submit" />

6.input是表单的核心标签，通过修改input标签中的type属性改变展现样式

7.<!--一组必须含有相同的name属性值
    input中的值有一个属性，value属性
    checked   默认选中，当属性名等于属性值的时候，只需要写属性名即可
   -->
   <tr>
    <td colspan="2">
   男<input type="radio" name="sex" value="1" checked/>
          女<input type="radio" name="sex" value="0" />
   </td>
  <!-- <td></td>-->
   </tr>
   <!--一组必须含有相同的name属性值-->
   <tr>
   <td>兴趣爱好：</td>
   <td>
   <input type="checkbox" checked="checked" name="aihao" value="0"/>打酱油
   <input type="checkbox" checked name="aihao" value="1"/>打架
   <input type="checkbox" name="aihao" value="2"/>泡妞
   <input type="checkbox" name="aihao" value="3"/>打游戏
   <input type="checkbox" name="aihao" value="4"/>学习

8.css的使用方式（）
         1.行内样式（内联样式）
  <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
  
         2.页面嵌入（内部样式表）
  在head标签里面增加一个子标签
  <style>
   选择器{
    属性名1:属性值1;
    属性名2:属性值2;
    ......
   }
  </style>
  
  
         3.外部文件（外部样式表）
  在head标签里面增加一个子标签
  <link rel="stylesheet" href="css文件的路径" />
  
         4.外部导入样式
  主要用在样式初始化。因为有一些标签有自己的样式，我们需要清空，方便自己计算
  
  
  9.css语法：   （符号都是英文的）
  选择器{
   属性名1:属性值1;
   属性名2:属性值2;
   ......
  }

10.颜色表示方式有三种：1.颜色色值的英文单词  red，yellow，green，blue...   2.16进制表示法；3.基础三原色 红绿蓝 每个颜色是由两个16进制的数来表示的#ff 00 00

11.css选择器

ID选择器
   使用id选择器：在元素上面增加一个id属性,id属性的属性值不用用数字开头
   一个页面中只能有一个id属性值
   css中id选择的表示方法用     #  表示
   class选择器
    使用class选择器：在元素上增加一个class属性，class属性的属性值不能用数字开头
    一个页面中可以有多个class属性值
    css中class选择器的表示方法用     .   表示
  标签选择器
   直接写标签名
  组合选择器
   选择器直接用,分隔开即可
  子代选择器
   >     只针对子代
  后代选择器
         用空格表示，包含着子代选择器
  通用选择器
      *    针对于所有的标签

12.选择器是有权重的     
      内联样式             1000
   id          100
   class       10
   元素                  1
   通用                  0
  boss    !important     只要出现，就以这个为主  
 
   
   权重越高，冲突部分的样式就以权重高的为主，并不是说这个选择器没有用了，而是里面冲突的样式
   权重仅仅只能作为参考
   
   权重的计算
   不需要管子代和后代的
   如果权重相同，就近原则。以后定义的为准