一.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 设定移动速度