认识元素、Ement语法

16lz 2022-01-22

1. 实例演示Ement常用语法

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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title>
</head>
<body>
    <div class="header">头部</div>
    <div class="main">内容</div>
    <div class="footer">底部</div>
    /body>
</html>

更多相关文章

随机推荐