HTML的title属性

HTML的title属性有两种情况使用到(暂时遇到的,可能还有别的情况,水平有限敬请见谅)

1,HTML的title属性,当光标移动到该标签时,信息提示框内的内容

</body>
<hr>
<p title="HTML的标签真多啊!">属性选择器</p>
</body>


HTML的title属性_第1张图片

2,设置标签样式时指定 属性css样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <!--页面内容关键字-->
   <meta name="keywords" content="页面内容关键字">

    <title>css:是层叠样式表</title>
    <!--外部样式-->
    <link rel="stylesheet" type="text/css" href="css1.css">
    <style type="text/css">
        /*有tittle属性*/
        [title] {
            color: darkmagenta;
        }

        /*指定tittle属性值*/
        [title=t] {
            color: red;
        }
    </style>
</head>
<body>

<hr>
<p title="HTML的标签真多啊!">属性选择器</p>
<hr>
<p title="t">属性选择器指定属性值</p>
</body>
</html>



你可能感兴趣的:(html,title属性)