zoukankan      html  css  js  c++  java
  • 第一天学习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定义一个样式
                 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静态网页界面

  • 相关阅读:
    作业五:团队项目——项目启动及需求分析
    结对编程项目---四则运算
    PSP记录个人项目耗时情况
    代码复查
    是否需要有代码规范?
    编写一个能自动生成小学四则运算题目的程序。
    目前流行的源程序版本管理软件和项目管理软件的优缺点
    在Github注册账户
    浏览完整部教材,列出不懂的5-10个问题
    FZU 1683 纪念SlingShot(矩阵水)
  • 原文地址:https://www.cnblogs.com/hunting/p/5750204.html
Copyright © 2011-2022 走看看