一、a.target与iframe.name的使用

    <!-- 2. 左侧操作入口 -->
    <nav>
      <a href="../20230116/demo1.html" target="content">课程表</a>
      <a href="../20230116/demo2.html" target="content">注册表单</a>
    </nav>
    <!-- 3. 主体：左侧入口target与主体name绑定-->
    <iframe src="default.html" frameborder="0" name="content"></iframe>

小结：

a标签的 `targer="conter"` 与 iframe `name="content"`进行绑定，点击a链接就会在右侧窗口打开对应的链接。

二、css样式优先级

    <title>样式优先级</title>
    <!-- 引用外部css样式文件,异步加载 -->
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
    <!--文档样式-->
    <style type="text/css">
        h3 {color: blueviolet; font-weight: normal;}
    </style>
    <!--行内样式-->
    <pre>行内样式:</pre>
    <h3 style="color:red">hello</h3>
    <h3 style="color:red">world</h3>    
    <pre>文档样式:</pre>
    <h3>hello</h3>
    <h3>world</h3>

小结：

        1. 行内样式: `tag.style`, 当前元素有效
        2. 文档样式: `<style>`, 当前文档有效
        3. 外部样式: `file.css`, 引入文档有效
        优先级：行内 > 文档 > 外部

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

匿名函数与命名空间_0929

2019-10-08 13:01:48

一、a.target与iframe.name的使用

小结：

a标签的 targer="conter" 与 iframe name="content"进行绑定，点击a链接就会在右侧窗口打开对应的链接。

二、css样式优先级

小结：

a标签的 `targer="conter"` 与 iframe `name="content"`进行绑定，点击a链接就会在右侧窗口打开对应的链接。