css02基本选择器

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
 <!--内部样式  写在head中-->
    <style type="text/css">
        /*标签选择器   网页中所有的div标签都会具有样式
      div{
          color: pink;  声明 ：需要设置的样式
          background-color: green;最后一条声明的;可以省略 建议写上
      }*/

        /*类选择器  在一个页面中可以有N个 .class对应的属性值可以重复
        .word{
            color: pink;
        }*/

        /*ID选择器  在一个页面中只能有1个  #id对应的属性值不能重复 */
         #s{
             color: pink;
         }
    </style>
</head>
<body>
<!-- 标签选择器-->
<div>这是一个div 块元素 1 自动换行</div>
<div>这是一个div 块元素 2 自动换行</div>
<span>span  内联元素   不会换行</span>
<!-- 类选择器-->
<div class="word">类选择器</div>
<div class="word">类选择器</div>
<span class="word">类选择器</span>
<!-- ID选择器-->
<div id="s">ID选择器</div>
<div>ID选择器</div>
<span>ID选择器</span>
</body>
</html>

posted @ 2017-06-29 14:01 想太多先森阅读(93) 评论(0) 编辑收藏举报

刷新页面返回顶部

@想太多先森

css02基本选择器

公告