• 前端笔记


    1.常用标签:所有的标签都有id属性和name属性

     a标签:一个链接标签,常用属性:target属性可以用来指定打开链接的位置,可选值有:   

            1._self:表示在当前窗口打开(默认值),

            2._blank:在新窗口中链接

            3.该属性可以设置一个内连属框架name值,这样就可以在指定的内连框架中打开,例如:

            4.href属性可以指定一个页面

    <a href= "demo.html" target=tom>跳转<a/>
    <iframe src="demo1.html" name="tom"></ifeame>

    div标签:该标签没有任何的语义,该标签注意用来对页面进行布局

    <div>div标签<div/>

    span标签:该标签没有任何额语义,它专门用来选中文字设置样式

    <span><span/>

    img标签:用来显示图片的一个自闭合标签,常用属性有 :

         1.src:指定图片的地址

         2.设置图片的宽

         3.height:设置图片的高

     input标签:是一个输入框标签,常用属性

                 type属性的值有,text,password,submit,radio,chekbox

                 value属性可以根据需求来填写

    <input type="checkbox" name="vehicle" value="Bike">I have a bike

    2.块元素和内联元素

     1.块元素就会独立占一行的元素,无论它内容有多少它都会独占一整行 ,常见的块元素有div , p , H1,......这些 都是块元素

     2.内联元素指的是占自身大小的元素,不会占用一行,常见的内联元素,a,img,iframe,span.....这些就是 内连元素

    3.CSS定位元素(position)

         1.relative:身边没有任何标签时默认以左上角为中心进行移动

               在有两个标签时

                       (1.标签有定位时,2标签也有定位时) 2标签移动以1标签的左下角为中心移动,2标签会覆盖1标签

                       (1.标签没有定位时,2标签有定位时)在设置了移动属性时2标签脱离标准的文档流,浮在1标签上方法,以左上为中心移动

          2.absolute:默认以四边的角为中心进行移动,而且移动位置只限于当前视图,就算body标签设置了长度也不会根据body标签为标准来进行移动,当两个标签同时有定位 元素时2标签会覆盖1标签

                

          3.fiexed:默认以四边的角为中心进行定位,该元素不会受制于父标签,跟absolute比较相似

  • 相关阅读:
    Linux目录结构
    让访问pc端的官网直接跳转到移动端的网站代码
    bootstrap悬浮顶部或者底部
    Linux命令总结
    微信扫描打开APP下载链接提示代码优化
    iframe高度自适应的6个方法
    JS移动客户端--触屏滑动事件
    老师总结数据库
    函数
    go4
  • 原文地址:https://www.cnblogs.com/xzcvblogs/p/11054544.html
Copyright © 2020-2023  润新知