前端笔记

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.width:设置图片的宽

     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比较相似