热门关键字:
jquery > jquery教程 > html5 > 通用属性

通用属性

507
作者:管理员
发布时间:2021/1/18 14:20:37
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3203
有一些属性,如id,title,class,style,等,你可以在大多数HTML元素的使用。以下部分描述了它们的用法。


id属性
该id属性用于为文档中的元素赋予唯一的名称或标识符。这使得使用CSS或JavaScript选择元素更加容易。


<input type="text" id="firstName">
<div id="container">Some content</div>
<p id="infoText">This is a paragraph.</p>
注意:id元素的of在单个文档中必须是唯一的。同一文档中的两个元素都不能使用相同的名称命名id,并且每个元素只能具有一个id。


类属性
像id属性一样,该class属性也用于标识元素。但是,与不同id,该class属性在文档中不必唯一。这意味着您可以将同一类应用于文档中的多个元素,如以下示例所示:


<input type="text" class="highlight">
<div class="box highlight">Some content</div>
<p class="highlight">This is a paragraph.</p>
提示:由于class可以将a应用于多个元素,因此,写入该元素的任何样式规则都class将应用于具有that的所有元素class。


标题属性
该title属性被用于提供关于元素或其内容咨询的文本。尝试以下示例以了解其实际工作原理。


例试试这个代码»
<abbr title="World Wide Web Consortium">W3C</abbr>
<a href="images/kites.jpg" title="Click to view a larger image">
    <img src="images/kites-thumb.jpg" alt="kites">
</a>
提示:title当用户将鼠标光标放在元素上时,Web浏览器会将该属性的值(即标题文本)显示为工具提示。


样式属性
该style属性允许您直接在元素内指定CSS样式规则,例如颜色,字体,边框等。让我们看一个例子,看看它是如何工作的:


<p style="color: blue;">This is a paragraph.</p>
<img src="images/sky.jpg" style="width: 300px;" alt="Cloudy Sky">
<div style="border: 1px solid red;">Some content</div>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:通用属性
友荐云推荐