css 标签上 title 和 alt 的区别

html-css028

css 标签上 title 和 alt 的区别,第1张

1. alt 是给搜索引擎识别, 在图像无法显示时的替代文本title 是关于元素的注释信息, 主要是给用户解读 。

2. 当鼠标放到文字或是图片上时有 title 文字显示 。

3. (因为IE不标准)在 IE 浏览器中 alt 起到了 title 的作用, 变成文字提示 。

    1. 在定义 img 对象时, 将 alt 和 title 属性写全, 可以保证在各种浏览器中都能正常使用 。

4. alt 属性和 title 属性的区别是:

    1. 前者 alt 是在图片无法加载的时候才会显示的其值

    2. 而 title 是在图片正常加载鼠标划上去显示的值

    3. 虽然 alt 也有后者的功能, 但是只是在低版本的 ie 浏览器才支持, 高版本及标准浏览器不支持这个功能了 。

1、打开开发工具,新建一个HTML文件。

2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei"}。

3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px}。

4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600}。

6、使用color设置字体颜色代码:.demo1{color: #FF0000}。就完成了。