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

          

  • 相关阅读:
    创建型设计模式-原型模式(单例) MemberwiseClone()
    Oracle 查看没有释放的链接 和删除,相关sql
    win10 安装 SQL Developer 工具
    修改nuget包默认存放路径 win10
    使用端口查询
    未能加载文件或程序集“Newtonsoft.Json, Version=12.0.0.0,
    微信错误码
    sqlserver 时间转换记录
    Homebrew 使用指南
    在Mac检查安装的.net core 版本
  • 原文地址:https://www.cnblogs.com/hhhyyc/p/10939654.html
Copyright © 2011-2022 走看看