• 第二天的基础学习


    今天把HTML的基础知识在上午全部学习完了,下午也学习了css的一些基础知识,我觉得今天的收获还是不少的,所以今天所学的知识点总结一下:

    HTML基础知识点:

    1、链接标签的核心属性就是href,属性值可以是一个跳转的地址,适用于任何带有路径的东西 ——href里面的内容就是路径

    2、①绝对路径:从盘符开始,然后依次的往下查找       ②相对路径:  从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示        ③盘符根路径:直接可以跳转到当前文件所有的盘符根目录中  

          图像标签:src——图片的路径,alt——当图片显示不出来的时候才会显示,里面又分两种情况:①图片正在下载的时候。。。加载中      ②图片的路径错误的时候,其中img是我们接触的第一个行内块标签,靠左或者靠右

    3、input、button是一个行内块标签       input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式,input中必须含有name属性

    4、input中的值有一个属性(value属性),一组必须含有相同的name属性值,checked——默认选中,当属性名等于属性值的时候,只需要写属性名即可

    CSS基础知识点:

    1、css的使用方式:  ①.行内样式(内联样式)       例如:  <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>  
                                       ②.页面嵌入(内部样式表)  在head标签里面增加一个子标签

    例如:  

         <style>
                  选择器{
                  属性名1:属性值1;
                  属性名2:属性值2;
                 ......
          }
         </style>
      ③.外部文件(外部样式表)  在head标签里面增加一个子标签         例如:<link rel="stylesheet" href="css文件的路径" />
      ④.外部导入样式,  主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算

     2、css语法:   (符号都是英文的)
           选择器{
                    属性名1:属性值1;
                    属性名2:属性值2;
                    ......
                    }

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

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

    5、在浏览器中,默认的字体大小16px,谷歌浏览器中,字体大小最小可以为12px,火狐没有限制

  • 相关阅读:
    springboot学习入门简易版二---springboot2.0项目创建
    springboot学习入门简易版一---springboot2.0介绍
    mybatis学习系列一(mybatis简介/使用)
    mybatis学习系列--逆向工程简单使用及mybatis原理
    mybatis学习系列五--插件及类型处理器
    enum类使用
    mybatis学习系列四--mybatis generator逆向工程
    mybatis学习系列三(部分)
    常见开源协议及含义
    【maven】常见插件
  • 原文地址:https://www.cnblogs.com/zcc123/p/10939333.html
Copyright © 2020-2023  润新知