首页 > 其他分享 >CSS3入门

CSS3入门

时间:2023-12-31 14:55:27浏览次数:31  
标签:CSS3 font 入门 样式表 文本 选择器 CSS 属性

一.CSS3的概述

 1.定义:层叠样式表;d

2.意义:把内容与形式分开;html: 内容; CSS: 形式

3.浏览器:chrome

4.css 样式规则e选择器(属性 1:值,属性 2: 值;.......)

选择器区分大小写,“

5.css样式表的导入

(1)行内式

例: style="font-size:50px;font[amily:隶书;写在标记内;“

 

 

结果:

 

 

(2)内嵌式

例:<style>写在<head>内:

 

 

结果:

 

 

    (3)链入式

样式表单独保存在一个css文件中

例:<link  rel=”stylesheet”rcss" type=”text/css” href="ess /index .css”/

 

 

需要注意的是链入式的话要创建一个CCS文本

操作过程如下

 

 

二.CSS基础选择器

以下三个内容是基于链入式继续创建的

1.标记选择器

标记名:针对页面中的所有该标记有效,

 

 

以上是编写在CSS文件中

结果:

 

 

2.类选择器

类名:针对所有该类有效;

 

 

以下是编写在CSS文件中

 

 

结果:

 

 

3.id选择器

#id名:针对所有该id名有效;

 

 

以下是编写在CSS文件中

 

 

结果:

 

 

 

三.文本样式属性

1.字体样式属性

Font-size(字体大小),font-family(字体样式),

font-weight(字体粗细,normal为正常,bold为粗,bolder为更粗),

font-style(italic为斜体),,@font-face,

  2.文本外观属性

Color(颜色),line-height(行距),

text-decoration(none为去除下划线,underline为加下划线)

text-align(文本水平方向对齐)

text-indent(文本缩进,2em为空两格)

#关于@font-face的调用:

    

 

标签:CSS3,font,入门,样式表,文本,选择器,CSS,属性
From: https://www.cnblogs.com/kdy666/p/17937508

相关文章

  • IDEA 创建 Gradle 工程入门实例
    1.概述Gradle是专注于灵活性和性能的开源构建自动化工具。Gradle构建脚本是使用Groovy或KotlinDSL编写的用户手册链接:https://docs.gradle.org/current/userguide/userguide.html。用户手册中文版链接:https://legacy.gitbook.com/book/dongchuan/gradle-user-guide-/details......
  • 什么是 Shell,Shell 功能介绍和脚本编程入门实例
    1.概述Shell一种特殊的交互工具,用于用户和Linux系统交互,其功能和构成如下所示:交互工具,为用户提供了启动程序、管理文件系统中的文件和运行在Linux系统上的进程。核心是命令行提示符,命令行提示符是Shell负责交互的部分,允许输入命令,然后解释命令,并在内核中执行。包含了一组内部命......
  • Python趣味入门12:初遇类与实例
    小牛叔用轻松有趣的故事,带你进入Python的编程世界。1、类一提到类大神们就经常说封装。说白了,封装即把围绕同一个对象相同的代码、数据整合在一起。比如在某段游戏代码中(比如熊猫厨房),有一个“面包”:1、游戏提供“烘烤”的操作。->很明显这是动作->类的方法2、面包有硬度指......
  • Kernel Memory 入门系列:Semantic Kernel 插件
    KernelMemory入门系列:SemanticKernel插件KernelMemory本身提供了完整的RAG能力,这部分能力如果通过SemanticKernelMemory的话,也是可以实现的,但是整体的管理成本会比较高。因此通过KernelMemory构建知识库管理,然后通过插件的方式,将KernelMemory接入到SemanticKernel......
  • docker入门
    docker入门官方介绍https://docs.docker.com/get-started/overview/Docker是一个用于开发、发布和运行应用程序的开放平台。Docker使您能够将应用程序与基础架构分离,以便您可以快速交付软件。使用Docker,您可以管理您的基础架构以管理应用程序的相同方式。通过利用Docker......
  • Python趣味入门11:函数作为参数以及匿名函数
    Python函数本质上是一段代码的集合,扩展对于函数的高级用法,有利于更好的认识Python,函数是Python的核心。本篇扩展了函数的2个应用,一是把函数本身作为参数,二是介绍了匿名函数的应用。1、以函数作为参数:1.1概念Python里可以把函数本身当成是参数,比如Python内置函数map可以通过传......
  • Python趣味入门10:推倒繁琐化烦为简的推导式
    前言《西部世界》的德洛丽丝进入了MAZE迷宫,假设她需要列出一系列的平方数作为密码,来进入迷宫。在以往的代码生成类似的数列需要使用循环语句,写多行语句。Python有了推导式,只需要1句就足够了,下面介绍本篇的主角。本篇的主角是推导式comprehensions(又称解析式),是Python的大杀器之一......
  • 三位偏序,CDQ分治入门
    (我发现我最近dp没有进展,导致我开始刷水题了。。)cdp分治,我蓝书又又看不懂了所以我还是自己去找题目做的看了看,这个应该才算是真正的入门吧这里先放上一句我觉得非常重要的话吧CDQ分治有一个重要的思想——用一个子问题来计算对另一个子问题的贡献。看到最后我对这句话的理解......
  • 从0到1快速入门ETLCloud
    一、ETLCloud的介绍ETL是将业务系统的数据经过抽取(Extract)、清洗转换(Transform)之后加载(Load)到数据仓库的过程,目的是将企业中的分散、凌乱、标准不统一的数据整合到一起,为企业的决策提供分析依据。 ETL是BI(Business Intelligence)项目重要的一个环节。 通常情况下,在BI项目中ETL会......
  • 从0到1快速入门ETLCloud
    一、ETLCloud的介绍ETL是将业务系统的数据经过抽取(Extract)、清洗转换(Transform)之后加载(Load)到数据仓库的过程,目的是将企业中的分散、凌乱、标准不统一的数据整合到一起,为企业的决策提供分析依据。 ETL是BI(BusinessIntelligence)项目重要的一个环节。通常情况下,在BI项目中ETL会......