CSS样式三种形式222

最新推荐文章于 2023-04-29 21:49:11 发布

alhxb46448

最新推荐文章于 2023-04-29 21:49:11 发布

阅读量216

点赞数

文章标签： javascript 前端框架前端 ViewUI

原文链接：http://www.cnblogs.com/programer-xinmu78/p/11389684.html

版权

markdown
CSS基本表现形式只有三种：标签样式、Class类样式、ID样式

             标签样式: 必须与HTML标签同名。仅仅影响同名标签
             Class样式：可以在任何标签中使用: class="样式名"
             ID: #来表示,优先级  ID > Class > Label
    1: HTML (结构层)    2: CSS (表现层)    3: JavaScript (行为层) 
    2: HTML类似人的骨骼, CSS就像人的皮肤，JS给人赋予生命。
    3: 前端框架：BootStrap / Jquery  (通过网页的dom对象类进行选择) / Vue、Angularjs （双向数据绑定）

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>前端技术介绍、样式三种形式</title>
        <style type="text/css">
            /* CSS基本表现形式只有三种：标签样式、Class类样式、ID样式  
            
                 标签样式: 必须与HTML标签同名。仅仅影响同名标签
                 Class样式：可以在任何标签中使用: class="样式名"
                 ID: #来表示,优先级  ID > Class > Label
            */
           
            div{
                            color: red;
                        }
                        .mycls{
                            color: green;
                        }
                        #myid{
                            color: blue;
                        }
        </style>
        <script type="text/javascript">
            
        </script>
    </head>
    <body>
        <!-- 
                 1: HTML (结构层)    2: CSS (表现层)    3: JavaScript (行为层) 
                 2: HTML类似人的骨骼, CSS就像人的皮肤，JS给人赋予生命。
                 3: 前端框架：BootStrap / Jquery  (通过网页的dom对象类进行选择) / Vue、Angularjs （双向数据绑定）
                 -->
                <div>我是DIV标签</div>
                <div class="mycls" >我是DIV标签，使用class定义CSS</div>
                <p id="myid">我是P段落 使用Id定义</p>
    </body>
</html>

转载于:https://www.cnblogs.com/programer-xinmu78/p/11389684.html