css的引用方式、图片与超链接

一.css的引用方式

link标签： 引入外部资源

< link rel="stylesheet" type="text/css" href="外部样式.css" >

设置网页小图标 icon:网页图标

<link rel="icon"  href="../../7.jpg">

内联样式的优先级在三种引入方式中， 第二名
内联样式的使用场景：开发极小型项目 和 课堂练习时， 可以使用。

<style type="text/css">
		.box{
			background-color: blue;
		}	

行间样式的优先级在三种引入方式中， 最高
行间样式的使用场景：修改少数样式时，在这里书写。

<div style="width: 200px; height: 200px; background-color: red">

二.图片与超链接

绝对路径与相对路径
绝对路径：从上(磁盘）到下（想找的东西）去查找。 如：文件夹/地址。
相对路径：从自身出发，去寻找目标。跳出文件目录寻找上一级: …/
1)链接标签
超链接：是指从一个网页指向一个目标的链接关系，这个目标可以是网页、 图片等。
target属性
target : 在哪里打开新页面
== _blank ==: 在新窗口打开
_self : 在当前窗口打开，默认值

<a href="文档结构.html" target="_self" title = "">文档</a>

href用来指定链接的地址,可以是网页文件，也可以是图片,空链接用”#”表示; title:鼠标移上去提示的信息；。
2)图片标签img
属性
src 表示“源”的意思。“src”属性的值是所要显示图像的URL。
width 宽度
height 高度
alt 给图像显示一个“交互文本”。 一般用于图片加载失败时的文本提示。
title：鼠标移过时显示的文字（对SEO有帮助）
border： 给图片加一个边框
3)图片的超链接
当然不止仅仅可以把文字作为超链接，把图片做成超链接也是可以的，只要在< a>标签内嵌套一个< img>即可。图片与文字对齐方式：align: top/bottom/middle

 <a href="表格.html">
 	<img src="../11.jpg">
 </a>

4)滚动标签marquee
滚动标签 < marquee>滚动文字或图像< /marquee>
滚动的方式
只滚动一次就停止

<marquee behavior="slide">...</marquee>

循环滚动、默认效果

<marquee behavior="scroll">...</marquee>

来回交替进行滚动

<marquee behavior="alternate">...</marquee>

滚动的方向
向下、向上、向右、向左

<marquee direction="down">...</marquee>
<marquee direction="up">...</marquee>
<marquee direction="right"></marquee>
<marquee direction="left"></marquee>

滚动次数默认值是-1，滚动会不断的循环下去

<marquee loop="2">...</marquee>

滚动的区间

<marquee width="180">...</marquee>设定宽度
 <marquee height="30">...</marquee>设定高度

scrollamount 设定移动速度