[学习笔记] HTML5+CSS3-学习笔记0604 [推广有奖]

51关注
7粉丝

已卖：1067份资源

大师

26%

还不是VIP/贵宾

威望: 1 级
论坛币: 83583 个
通用积分: 13687.4055
学术水平: 673 点
热心指数: 828 点
信用等级: 739 点
经验: 425756 点
帖子: 17344
精华: 0
在线时间: 3603 小时
注册时间: 2016-7-9
最后登录: 2025-12-22

楼主

HappyAndy_Lo 发表于 2019-6-4 13:25:54 |AI写论文

是否 +2 论坛币

k人参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

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>