首页 > 其他分享 >CSS三种样式

CSS三种样式

时间:2024-06-24 12:56:16浏览次数:20  
标签:攻打 以色列 样式 三种 background 加沙 选择器 CSS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 内部样式 */
        /* css 注释 */
        div {background:orange;}
        /* 类选择器 */
        .abc{font-size:30px;background:red;}
    </style>


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


</head>
<body>
        <!-- 内联样式 : style = "" -->
        <!--   html注释     -->
    <div style = "color:red">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>

</body>
</html>


<!--  内部样式/外部样式/内联样式
        优先级:内联样式 --内部样式/外部样式(一样)
                例如:如果内联样式设置颜色为红色,外部/内部选择器为黄色,那么最后会是红色
        -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 内部样式 */
        /* css 注释 */
        div {background:orange;}
        /* 类选择器 */
        .abc{font-size:30px;background:red;}
    </style>


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


</head>
<body>
        <!-- 内联样式 : style = "" -->
        <!--   html注释     -->
    <div style = "color:red">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>

</body>
</html>


<!--  内部样式/外部样式/内联样式
        优先级:内联样式 --内部样式/外部样式(一样)
                例如:如果内联样式设置颜色为红色,外部/内部选择器为黄色,那么最后会是红色
        -->

标签:攻打,以色列,样式,三种,background,加沙,选择器,CSS
From: https://blog.csdn.net/m0_61566562/article/details/139856278

相关文章

  • httpClient使用GetStringAsync、GetByteArrayAsync、GetStreamAsync三种方法的使用场
     `HttpClient`类中的`GetStringAsync`、`GetByteArrayAsync`和`GetStreamAsync`方法用于从远程服务器获取不同类型的数据。它们的主要使用场景如下:1.`GetStringAsync`方法:-使用场景:当您需要从远程服务器获取文本数据时,可以使用`GetStringAsync`方法。这通常用于......
  • 【Jmeter压力测试之梯度加压的三种方法完整教程】
    一、前言        今天主要和大家介绍一下梯度增压的方式进行性能压测,做性能的时候,经常会遇到某些场景需要进行逐渐加压的方式,达到接口性能的瓶颈,之前和大家已经分享了性能测试的并发压力测试以及Jmeter的安装和基本使用,接下来就给大家详细介绍梯度增压的完成流程。二......
  • CSS实现边框旋转
    CSS旋转边框这个旋转边框的效果主要通过CSS中的动画、位置和伪元素技术实现。下面我将逐步分析和解释每个关键部分的功能和作用:1.HTML结构<divclass="button">旋转边框</div>这里定义了一个div元素,类名为button,这是按钮的主体。内容为“旋转边框”,这是按钮显示的文......
  • 百度一下首页制作(HTML+CSS)
    部分代码展示:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>百度一下,你就知道</title><styletype="text/css">/*清除元素默认性质*/body{margin:0;......
  • 三种好用的controller跳转thmleaf页面的方法总结!!
    一、直接在Controller中写跳转方法,最简单也是最普通的方法【不推荐使用】@Controller//页面跳转是直接用Controller:ResponstController他会默认给页面所有的方法加上ResponstBoring,他会返回对象,而不是页面跳转@Slf4jpublicclassLoginController{@RequestMapping(val......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站(Epic)
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(电子器件)
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 制作一个简单HTML电影网页设计(HTML+CSS)
    HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。文章目录一、网页介绍一、网页效果二、代码展示1.HTML......
  • 纯CSS制作3D动态相册【流星雨3D旋转相册】HTML+CSS+JavaScriptHTML5七夕情人节表白网
    这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用短视频告诉TA吧~制作一个表......
  • Java 超详细实现导入导出 (包含时间转换问题和样式)
    序言工作中遇到了导入导出问题,并且出现了导入或导出Excel时间格式变为数字的问题。通过学习解决实现了这些功能,记录总结分享给大家。本文将详细介绍如何使用Java编程语言和ApachePOI库来实现这些功能。我们将通过一个示例项目演示如何从数据库中读取数据并将其导出为Ex......