web学习（七）路径

1.绝对路径：在每台电脑上，每个文件夹，每个文件都有的固定地址，从哪个盘底下的哪个文件

       例  C:\Users\lenovo\Desktop\前端文件\web（1）

！ 对不同的电脑来说，每一文件夹，文件放置的地方大多不同
2.相对路径：这个文件夹/文件在某个文件夹下的什么地方

       例：web（1）  
            两个均表示C盘下Users文件夹下的lenovo文件夹下的
            Desktop文件夹下的 前端文件夹下的web（1）文件夹下的一个文件/文件夹

！只要文件夹不变，相对于该文件夹下的某文件路径就不会改变
3.书写样式时，如果希望此样式可被网站中的多个页面使用，即可以把它写成外部样式表 ，创建一个.css文件，将选择器和样式都写进去，再用link属性引入页面中

         <link href="style.css" rel="stylesheet"/> //href属性的值既是路径！
                                rel规定了当前文档与被链接文档的关系，
                                stylesheet（样式表）唯一得到所有浏览器支持的样式

4.常用的链接标签

         a标签 —— 超链接： <a href="" target="">百度</a>
                             href（链接） —— 超链接的路径；
                             target（设置新页面的打开方式） —— _blank（新页面）/_self（当前页面）
                             
         img标签 —— 图片： <img src="" alt="" width="" height="" align=""/>
                 src（来源） —— 图片的路径
                 alt（代替文字）：作用无法显示图片时的替换文本；
                 width/height（宽高） —— 作用为图片设置宽高；
                 align：设置left和right时，与文字混排；
            vertical-align（css样式）：能够设置高度的内联元素与文字的对其位置（top/middle/bottom）

href和src的区别：
href（链接） —— 作用引用（将目标文件和当前文件链接起来）；
src（来源） —— 作用引入（将目标元素作为替代该元素的方式引入进页面）
背景样式：

           background-image: url(bg.jpg); 背景图
           background-repeat: no-repeat; 背景图是否重复
           background-attachment：fixed; 背景固定 
           background:#ff0 url(bg.jpg) no-repeat center 0px;背景复合样式
                 （可以包含背景图的所有样式和背景颜色即固定等样式）