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静态网页界面

  • 相关阅读:
    Office如何加密解密
    各个刷流量软件总结对比
    西游释厄传2游戏技巧
    三国战记合集模拟器下载和通关技巧
    [Webpack] Create Separate webpack Configs for Development and Production with webpack-merge
    [Algorithm] Reverse array of Chars by word
    [Angular] Angular Elements Intro
    [React + Functional Programming ADT] Create Redux Middleware to Dispatch Actions with the Async ADT
    [Algorithm] Fibonacci problem by using Dynamic programming
    [HTML5] Track First Contentful Paint with PerformanceObserver and Google Analytics
  • 原文地址:https://www.cnblogs.com/hunting/p/5750204.html
Copyright © 2011-2022 走看看