首页 > 其他分享 >html-two

html-two

时间:2023-07-16 15:24:14浏览次数:34  
标签:color two 18px xx html background font size

<!-- 1 过 2 过 3 过 4 过 5 过 ------------------- 1 过 2 过 3 过 4 过 5 过 ----------------------------- 1 过 2 过 3 过 4 过 5 过 ----------------------------
-->
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title>     <!--引用外部样式表-->     <link rel="stylesheet" href="路径"/>     <style>     /*内联样式表*/     tr{         /*指盒子的高度*/         height: 180px;         /*盒子的宽度*/         width: 200px;         /*字体颜色*/         color:brown;         font-size: 18px;         font-family: "微软雅黑";         /*加粗*/         font-weight: 200;         /*倾斜*/         font-style: italic;         font-style: normal;         /*文字水平居中*/         text-align: center;         /*首行缩进*/         text-indent: 2em;         /*去掉修饰*/         text-decoration: none;         /*加入删除线*/         text-decoration: line-through;        

        /*将行类元素转化成块元素*/         display: block;        /*将块元素转化成行类元素*/         display: inline;  
        /*背景图片*/         background-image: url("路径");         /*图像平铺*/         background-repeat: repeat;
        /*指定位置*/         background-position: right top;         /*背景固定*/         background-attachment: fixed;         /*背景滚动*/         background-attachment: scroll;

        /*边框的宽度*/         border-width:5px;         /*边框线的风格*/         border-style: dotted;         /*边框线的颜色*/         border-color: orange;         /*顶部的线*/         border-top: 1px solid;                 /*盒子里面的内容离左边的距离  padding 表示内边距*/         padding-left: 30px;
        /*盒子离页面顶部的距离*/         margin-top: 100px;
        /*背景颜值*/         background-color: green;                   /*移动图片在边款内的位置*/         background-position: 30px 30px;                   /*移动块的位置*/         float:left ;
        /*定位 移动块的位置*/         position: absolute;
    }     /*类选择器*/     .xx{         font-size: 18px;     }     /*id选择器*/     #s2{         font-size: 18px;     }     /*选择所有*/    *{       font-size: 18px;     }     /*选择a 连接标签*/     .xx  a{         font-size: 18px;     }     /*选择li标签*/     .xx ul li{         font-size: 18px;     }     /*直接下一级*/     div>a{         font-size: 18px;     }     /*p标签中的class名为xx的标签*/     p.xx{         font-size: 18px;     }     /*未访问的超链接颜色*/     a:link {         color: red;     }     /*以访问的超连接颜色*/     a:visited{      color:green;     }     /*鼠标移动到连接上的颜色*/     a:hover{      /*权重最大*/      color: yellow !important;     }
    span{         font-size: 30;         background-color: blue;             }
    </style>       </head>
<body>    <!--行类样式表-->     <h2 style="color :red;font-size: 20px;"> 德玛西亚 </h2>         <span>aaaaaaa</span>

</body>      

 

标签:color,two,18px,xx,html,background,font,size
From: https://www.cnblogs.com/asd12310/p/17557882.html

相关文章

  • python通过Websocket与html主动通讯
    python通过Websocket与html主动通讯导语:在Web开发中,实现实时通信是一项常见的需求。本文将介绍如何使用Python和WebSocket技术实现与HTML页面的实时通信,以显示当前的实时时间。1.WebSocket简介WebSocket是一种全双工通信协议,允许在客户端和服务器之间建立持久连接,实现实时数据......
  • funcontain_network
    Function介绍、定义组织好的(提前写好内置)、可重复使用的、用以实现特定功能的代码段。str1="iloveu"str2="goodluck"str3="seeya"count=0foriinstr1:count+=1print(f"字符串{str1}的长度是{count}")#将for写三次分别对应str1、2、3重复的代码过多,......
  • java-base-two
    ArrayList扩容机制扩容一半(默认方式):当容量不足时,ArrayList将容量扩大为原来的1.5倍,即将原来的容量除以2,然后加上原来的容量。       如果新创建的集合有带初始值,默认就是传入的大小,在初始化时就会用传入的大小不会扩容,当大小不够后再去扩容。在方法中定义......
  • HTML标签
    #标签分类行内标签:span标签、a标签、b标签、i标签、sub标签、sup标签、em标签、strong标签快标签:div标签、p标签、h1标签、h2标签、h3标签、h4标签、h5标签、h6标签、ul标签、li标签、ol标签、section标签、aside标签、header标签、footer标签、header标签行内块......
  • 将gephi文件导入到networkx中使用
    最近基于Transbigdata库编写代码获取了某市轨道交通网络的邻接表及shp文件,并使用Gephi对轨道交通网络进行了可视化处理,之后想尝试一下把Gephi的成果快捷地转为networkx格式来计算各种指标,编写了一些代码,步骤如下:1.将gephi成果导出打开gephi文件后点击文件—输出—图表文件选择......
  • ner7下的html导出为pdf
    ner7下的html导出为pdfnuget引入dinktopdf,按github上的示例来弄即可:https://github.com/rdvojmoc/DinkToPdf/mac下vs2022,net7测试,需要把https://github.com/rdvojmoc/DinkToPdf/blob/master/v0.12.4/64%20bit/下的几个文件都下载下来复制到bin/debug/net7.0目录下 [Http......
  • html2canvas + jspdf 实现前端将页面内容生成 PDF
    一、简易步骤(仅支持下载一页,无法分页)1.下载插件模块npminstallhtml2canvasjspdf--save2.编写代码importhtml2canvasfrom'html2canvas'//引入插件import{jsPDF}from'jspdf'//html2canvsjspdfpdf文件下载exportconstdownloadPdf=(dom,name......
  • 20个非常绚丽的HTML5/CSS3应用插件
    基于HTML5的应用现在已经非常广泛,今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。1、HTML5视频破碎重组特效强大视觉冲击HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。......
  • html导出图片和打印
    html导出图片和打印 打印用js自带的print即可,导出图片需要引入http://image.niunan.net/html2canvas.min.js   <scriptsrc="html2canvas.min.js"></script> <scripttype="text/javascript"> functionprintContent(){ varcontent=document......
  • ABC222D-Between Two Arrays(前缀和优化dp)
    题意:给定两个递增数列A和B,构造一个ai <=ci<=bi的递增数列C,询问满足条件的C的个数。普通dp会超时,用前缀和优化n=int(input())a=list(map(int,input().split()))b=list(map(int,input().split()))l=3010dp=[[0]*lfor_inrange(n+1)]dp[0][0]=1foriinrange(n)......