zoukankan      html  css  js  c++  java
  • CSS(一)

    开始学习css之旅:先照样式做一个

    一、使用DIV设置

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>第一个css样式</title>
    <link type="text/css" rel="stylesheet" href="css/test1.css"  />
    </head>
    
    <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    </body>
    </html>

    css:

    @charset "utf-8";
    /* CSS Document */
    /*定义DIV元素方形显示*/
    
    div {
        width:200px;
        height:200px;
        border:solid 2px blue;
        float:left;
        margin:4px;
    }

    二、使用类设置

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>第一个css样式</title>
    <link type="text/css" rel="stylesheet" href="css/test1.css"  />
    </head>
    
    <body>
    <div></div>
    <div></div>
    <div class="green"></div>
    <div class="red"></div>
    </body>
    </html>

    css

    @charset "utf-8";
    /* CSS Document */
    /*定义DIV元素方形显示*/
    
    div {
        width:200px;
        height:200px;
        border:solid 2px blue;
        float:left;
        margin:4px;
    }
    /*定义.green类设置背景为绿色*/
    .green{
        background-color:green;
    }
    /*定义.red类设置背景为红色*/
    .red{
        background-color:red;
    }

    效果:

  • 相关阅读:
    ABP-AsyncLocal的使用
    ABP-多个DbContext实现事物更新
    ABP取其精华
    VS2019和net core 3.0(整理不全,但是孰能生巧)
    consul部署多台Docker集群
    Arcgis runtime sdk .net 二次开发
    C# 依赖注入 & MEF
    自动构建环境搭建
    C# 调用C/C++动态链接库,结构体中的char*类型
    C# 调用C++DLL 类型转换
  • 原文地址:https://www.cnblogs.com/liunanjava/p/4300455.html
Copyright © 2011-2022 走看看