第一天学习HTML

 

  今天开始学CSS样式表! cssy样式表是对元素进行设置修饰包装,!

  如何使用CSS样式表!

    样式表的三种引用!

      1,直接在元素标签中添加

        <p style=“font-size:12px;color:red”>这是一个字大小为12像素,红色字</p>

      2,在head标签与body标签之间添加 然后引用

        <style type="text/css">

            /* 这是一个文本注释 */

            h1,h2,h3{ //这个一个单行注释  多行选择符

            font-size:20px;

            font-family:字体;  

            }

            p{ //元素选择

            font-size:20px;

            font-family:字体;

            color:red;

            }

            *{//通配选择符

            font-size:20px;

            font-family:字体;

            }

            one{  //自定义的一个样式 用class引用

            color:red;

            font-size:100px;

            }

            #position { //id定义一个样式
            width: 150px;
            height: 40px;
            background: #eee;
            }

        <style>

   <body>

     <h1>同</h1>

     <h2>同H1</h2>

     <h3>同H1</h3>

      <p>单独的</P>

      <div class="one">class引用</div>

      <div id="position">ID引用样式表</div>

    </body>

 

     3,外面定义一个CSS样式表文件  在HTML标签head和bod之间引用

        <link rel="stylesheet" href="wcss.css" type="text/css" />

 

总结:样式表达理解和活用,结合HMLT静态网页界面

posted on 2016-08-08 17:12  涉猎者  阅读(118)  评论(0编辑  收藏  举报