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     只要出现,就以这个为主  
 
   
   权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式
   权重仅仅只能作为参考
   
   权重的计算
   不需要管子代和后代的
   如果权重相同,就近原则。以后定义的为准

      

原文地址:https://www.cnblogs.com/hhhyyc/p/10939654.html