1210（内联框架、布局元素、css初级） - 前端学习

首页 > 博客列表 > 1210（内联框架、布局元素、css初级）

博主信息

博文 29

粉丝 0

访问量 25176

专题推荐

更多>

1.内联框架

内联标签：iframe
非常适合写后台
`

  <div>
      <a href="https://j.map.baidu.com/2e/3m_" target="nanyang">南阳市</a>
      <iframe srcdoc="南阳市地图" name="nanyang"></iframe>
  </div>

2.布局元素

原本使用div标签制造后台，后来简化了。
可以直接使用标签
页眉：header
侧边栏：aside
主体：main
页脚：footed
小区块：section
文章：article、

`<body>

<!-- 页眉 -->
<!-- 实体字符：页面中原样显示，不会被浏览器解析 -->
<header><h1>&lt;网站&gt;</h1></header>
<div class="container">
  <!-- 侧边栏 -->
  <aside>
    <h1>&lt;aside&gt;</h1>
    <a href="https://www.baidu.com/" target="baidu">百度</a>
    <a href="https://cn.bing.com/?scope=web" target="biying">必应</a>
  </aside>
  <!-- 主体 -->
  <main>
      <h1>&lt;main&gt;</h1>
      <div>
        <section>
          <h1>&lt;section&gt;</h1>
          <iframe srcdoc="点击左侧" name="baidu"></iframe>
        </section>
        <section>
          <h1>&lt;section&gt;</h1>
          <iframe srcdoc="点击左侧" name="biying"></iframe>
        </section>
      </div>
  </main>
</div>
<!-- 页脚 -->
<footer><h1>&lt;footer&gt;</h1></footer>

</body>`

css

css使用：如果你的css样式仅仅用来控制当前页面的元素,就用style标签写到当前页面中
css格式：选择器+声明块{}+属性和值。
css的四个来源：继承的浏览器定义自定义（写在style标签中）行内声明（写在元素属性当中）。
css选择器：标签选择器属性选择器类选择器 id选择器。
选择器优先级：tag < class < id

批改老师：

天蓬老师

批改状态：合格

老师批语：

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

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

0条评论

作者最新博文

01-03上课操作

2019-12-21 23:01:15