首页 > 其他分享 >CSS

CSS

时间:2022-12-14 10:36:40浏览次数:41  
标签:darkcyan java Title color 选择器 CSS

第一个CSS程序

  • index.html
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="css/style.css">

</head>
<body>

<h1>title</h1>

</body>
  • css.style
/*
css语法:
选择器{
    声明1;
    声明2;
}
 */

h1{
    color:red;
}

基本选择器

  • 标签选择器
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            color:darkcyan;
        }
    </style>
</head>
<body>
<h1>java</h1>
</body>
  • 类选择器
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .java{
            color:darkcyan;
        }
    </style>
</head>
<body>

<h1 class="java">java</h1>

</body>
  • id选择器
<head>
   <meta charset="UTF-8">
   <title>Title</title>
   <style>
       #java{
           color:darkcyan;
       }
   </style>
</head>
<body>
<h1 id="java">java</h1>
</body>

标签:darkcyan,java,Title,color,选择器,CSS
From: https://www.cnblogs.com/benny1799/p/16981391.html

相关文章

  • [踩坑回顾]使用JS改变元素位置,操作css比较困难时,可更换元素的类名
    本人大菜鸟一枚,以此作为记录。使用到技术栈jQuery。开发中遇到某个元素需要在页面上切换left:0px为right:0px的需求,直接操作css会导致同时存在left和right属性,删除......
  • 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
    预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说......
  • 前端入门教程:CSS标准盒模型和怪异盒模型区别
    理解盒模型:CSS3中的盒模型有以下两种:标准盒模型、IE盒子模型(怪异盒模型),盒模型是由4个部分组成,由内向外分别是content(下图蓝色部分)、padding、border、margin盒模型有5......
  • HTML--CSS
     字体图标 字体图标展示的是图标,本质是字体。处理简单的、颜色单一的图​字体图标的优点:灵活性:灵活地修改样式,例如:尺寸、颜色等 轻量级:体积小、渲......
  • 直播电商平台开发,HTML和CSS分别实现注册页面表单
    直播电商平台开发,HTML和CSS分别实现注册页面表单<!DOCTYPEhtml><html><head>  <metacharset="UTF-8">  <title>HTML注册页面</title></head><body><formaction......
  • html+css+js简易笔记
    html基本结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="view......
  • CSS实现打字机动画效果
    效果展示CSS3animation(动画)属性语法:animation:namedurationtiming-functiondelayiteration-countdirectionfill-modeplay-state;name设置绑定哪个keyfr......
  • CSS特性和优先级
    CSS特性继承性某些属性,只需要给父级标签去加,则子级自然而然也会实现例:所有控制文字的属性都能继承,反之都不能继承/*1.color2.font-style、font-weight、font-size......
  • CSS基础属性
    CSS属性文字基本样式windows网页默认是微软雅黑/*1.字体大小:font-size2.字体粗细:font-weight3.字体样式:font-style4.字体类型:font-family5.字体类型:font属性连写......
  • 现代 CSS 高阶技巧,像 Canvas 一样自由绘图构建样式!
    在上一篇文章中--现代CSS之高阶图片渐隐消失术,我们借助了CSS@Property及CSSMask属性,成功的实现了这样一种图片渐变消失的效果:CodePenDemo--基于@property......