立即打开
ch2. HTML元素、属性与结构
巩固知识
全局属性：
class：指定CSS类选择器
id属性：元素在HTML文档中的唯一标识，可准确定位元素，从而进行各种操作
示例：
<head>
<style type="text/css">
#headerColor { color:red; }
#contentColor{color: blue; }
</style>
</head>
<body>
<h1 id="headerColor">这里是红色</h1>
<p>一个段落。</p>
<p id="contentColor">这里是蓝色的内容</p>
</body>
title属性：描述元素的信息。当鼠标悬停在具有该属性的元素上时，会显示title的内容信息。
世界贸易组织简称<acronym title="World Trade Organization">WTO</acronym>
style属性：规定元素的行内样式，并覆盖任何全局的样式设定
<style>
.redColor{ color: red; }
</style>
<body>
<span class="redColor" style="color: Blue">这段文字的颜色是啥？</span>
</body>
accesskey属性：给元素定义快捷键，以获得焦点或激活元素
<button>没选中的按钮</button>
<button accesskey="q">快捷键是Alt+q</button> ---Chrome上没问题，Firefox上不一定
dir属性：规定元素内容的排列方向，属性对应3个值（ltr / rtl / auto）分别对应从左向右排列、从右向左、根据浏览器内容自动判断
<bdo dir="rtl">1234567</bdo><br />
<bdo dir="ltr">1234567</bdo><br />
<bdo dir="auto">1234567</bdo><br />
contextmenu属性：新增。指定上下文菜单的数据源。当用户在指定位置单击鼠标右键时，弹出右键菜单，并显示多级菜单。
<section contextmenu="myContextMenu">
<p>右键点击这里弹出菜单</p>
<menu type="context" id="myContextMenu">
<menuitem label="菜单1"></menuitem>
<menuitem label="菜单2"></menuitem>
<menu label="菜单3">
<menuitem label="菜单4"></menuitem>
<menuitem label="菜单5"></menuitem>
</menu>
</menu>
</section>
![二维码]()
扫码加我 拉你入群
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
全部回复
![二维码]()
扫码加我 拉你入群
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
![二维码]()
扫码加我 拉你入群
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
![二维码]()
扫码加我 拉你入群
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
![二维码]()
扫码加我 拉你入群
请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
相关推荐
栏目导航
热门文章
推荐文章
扫码加好友，拉您进群
全部版块
我的主页
收藏
