Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 认识元素、Ement语法
Blogger Information
Blog 2
fans 0
comment 0
visits 739
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
认识元素、Ement语法
南风
Original
359 people have browsed it

1. 实例演示Ement常用语法

  1. <!-- .demo>(p.text*6>a{链接$})+button{提交} -->
  2.     <div class="demo">
  3.         <p class="text"><a href="">链接1</a></p>
  4.         <p class="text"><a href="">链接2</a></p>
  5.         <p class="text"><a href="">链接3</a></p>
  6.         <p class="text"><a href="">链接4</a></p>
  7.         <p class="text"><a href="">链接5</a></p>
  8.         <p class="text"><a href="">链接6</a></p>
  9.         <button>提交</button>
  10.     </div>

2. 实例演示元素四类属性

  1.    <div class="top"></div>
  2.     <div id="nav"></div>
  3.     <div style="background-color: #ff0000;"></div>
  4.     <button onclick="alert('提示')"></button>

3. 实例演示布局标签,并分析div+class与 html5语义化标签的优缺点

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>标题</title>
  8. </head>
  9. <body>
  10.     <div class="header">头部</div>
  11.     <div class="main">内容</div>
  12.     <div class="footer">底部</div>
  13.     /body>
  14. </html>
Correcting teacher：autoloadautoload

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