Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 1210（内联框架、布局元素、css初级）
Blogger Information
Blog 29
fans 0
comment 0
visits 19814
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
1210（内联框架、布局元素、css初级）
手机用户1576673622
Original
610 people have browsed it

1.内联框架

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

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

    `

    2.布局元素

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

`<body>

  1. <!-- 页眉 -->
  2. <!-- 实体字符：页面中原样显示，不会被浏览器解析 -->
  3. <header><h1>&lt;网站&gt;</h1></header>
  4. <div class="container">
  5.   <!-- 侧边栏 -->
  6.   <aside>
  7.     <h1>&lt;aside&gt;</h1>
  8.     <a href="https://www.baidu.com/" target="baidu">百度</a>
  9.     <a href="https://cn.bing.com/?scope=web" target="biying">必应</a>
  10.   </aside>
  12.   <!-- 主体 -->
  13.   <main>
  14.       <h1>&lt;main&gt;</h1>
  15.       <div>
  16.         <section>
  17.           <h1>&lt;section&gt;</h1>
  18.           <iframe srcdoc="点击左侧" name="baidu"></iframe>
  19.         </section>
  20.         <section>
  21.           <h1>&lt;section&gt;</h1>
  22.           <iframe srcdoc="点击左侧" name="biying"></iframe>
  23.         </section>
  24.       </div>
  25.   </main>
  26. </div>
  28. <!-- 页脚 -->
  29. <footer><h1>&lt;footer&gt;</h1></footer>

</body>`

css

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

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post