• 第一天学习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静态网页界面

  • 相关阅读:
    二维码物流方面的应用与用户体验方面的改进
    css3文本字体
    css文本样式及控制文本的大小写
    css基础知识之列表
    css基础知识之属性选择器
    css基础内容之background
    webstorm常用快捷键
    canvas标签的使用
    HTML格式化
    a标签链接到当前页内指定位置
  • 原文地址:https://www.cnblogs.com/hunting/p/5750204.html
Copyright © 2020-2023  润新知