首页 > 其他分享 >2--DIV CSS基础

2--DIV CSS基础

时间:2023-07-13 22:15:04浏览次数:31  
标签:-- 100px 样式 样式表 css DIV CSS

1.DIV CSS样式

CSS指的是层叠样式表(Cascading Style Sheets),也称级联样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素,可以同时控制多张网页的布局。

DIV是HTML的一个标签,CSS是一个样式表。

2.样式表类型

2.1 嵌入样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            .嵌入样式{
                color: blue;
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
    </head>
    <body>
        <div class="嵌入样式">
            文本内容1
        </div>
            
    </body>
</html>

2.2 外部样式

建立外部css文件1并引入

<link rel="stylesheet" href="css/外部样式.css" />

外部css文件1还可以引入外部css文件2

@import url("外部样式+.css");
.嵌入样式{
                color: blue;
                width: 100px;
                height: 100px;
                background: red;
            }

2.3 内联样式

<div style="color: red;width: 100px;height: 100px;background: blue;">
            文本内容2
</div>

 3.注释

/*  注释内容  */

4.样式选择器

 

标签:--,100px,样式,样式表,css,DIV,CSS
From: https://www.cnblogs.com/lxl3344/p/17552028.html

相关文章

  • mysql数据类型
    1、介绍mysql中实现了sql语法的数据类型,并有所增加。总的来说分为三类:数值、字符和时间日期。声明:字段名数据类型2、数值tinyint、smallint、mediumint、int和bigint分别表示1、2、3、4、8个字节的有符号整数。在数据类型后添加unsigned关键字,表示无符号是,比如intunsigne......
  • mongodb 入门 和 php示例
    内容太多了,感觉不好写,就写点入门的吧,其他参考参考_MonogDB中文网(mongodb.net.cn)虽然内容是机器翻译的,但也还好,基本能看. 相关概念: database数据库collection集合,相当于数据库表document文档,相当于数据记录行 dockerrun-d--namemongo-p27017:27......
  • Catalan数和Stirling数
    Catalan数Catalan数的计算公式是:c(2n,n)/n+1它有3个公式,分别是Cn=c(2n,n)/n+1、Cn=C0Cn-1+C1Cn-2+......+Cn-1C0、Cn=Cn-1(4n+2)/(n+1)Catalan数的应用十分广泛,有棋盘问题、括号问题、出栈序列问题等下面给出两道求解Catalan数的例题:P2532[AHOI2012]树屋阶梯由于数据非常......
  • Lookback
    TryHackMe您被要求在生产环境上运行漏洞测试。信息收集进入对应的IP:10.10.242.14发现是个空白页,查看源码页没有发现什么。进行端口扫描rustscan-a10.10.242.14--range1-65535--ulimit5000访问https://10.10.242.14弱口令无果根据提示,实在路径下面,进行目录扫描......
  • 指针
    指针在我的理解中,指针是用来存放地址的。指针也有大小,对于不同类型的指针char,short,int,,,double,它们的指针大小都是8个字节,对于64位机器是这样的,而对于32位机器它们的指针大小都为4个字节。我的是64位操作系统:#include<stdio.h>intmain(){ printf("%zd\n",sizeof(char*)); ......
  • <<Math>>
    CF1845EBoxesandBalls有一个观察是球不能穿过对方,那么初始的第\(i\)个球最后结束时也得是第\(i\)个。设初始每个球位置\(a_1,a_2\dotsa_t\),最终位置\(b_1,b_2\dots,b_t\),那么最小移动步数\(S=\sum|a_i-b_i|\)。而\(S\)应满足\(S\lek\)且\(S\equivk\pmod{2}......
  • 剑指 Offer 16. 数值的整数次方
    剑指Offer16.数值的整数次方这是在面试时候,无准备折腾除了的递归写法。classSolution{publicdoublemyPow(doublex,intn){//if(x==0)return0;//longb=if(n==0)return1.0;if(n==1)returnx;//把n为负......
  • Vue基础
    创建实例<divid="app"><!--这里将来会编写一些用于渲染的代码逻辑-->{{msg}}</div><!--引入的是开发版本包,包含完整的注释和警告--><scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script><script>//一旦......
  • 暑假训练2023.7.13
    CodeforcesRound884(Div.1+Div.2)A.SubtractionGame简单构造,输出a+bB.Permutations&Primes2和3都是质数,1不是,因此满足条件的区间一定包含1。把1放到序列最中间,2和3放到两端其他数字随意排列,可以证明此序列得到的素数mex的个数最大,为\(\lfloor\frac{n+1}{2}\rfl......
  • Java IO流 - 字节流的使用详细介绍
    IO流的基本介绍:IO流的概述:i表示intput,是数据从硬盘文件读入到内存的过程,称之输入,负责读。o表示output,是内存程序的数据从内存到写出到硬盘文件的过程,称之输出,负责写。IO流的分类:按方向分类:输入流输出流按流中的数据最小单位分为:按流中的数据最小单位分为:字......