前端学习---(2)CSS基础

CSS 用来干什么?
CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等。

  1. css语法: 选择器{ 属性名: 属性值; 属性名: 属性值; }

    h1 {color: red;font-size: 5em;
    }
    

    h1: 选择器
    color: 属性 冒号之前是属性,冒号之后是值。
    font-size: 属性 冒号之前是属性,冒号之后是值。

  2. CSS四种基本选择器

    • 标签选择器:针对一类标签 如<p> <div>,所有的标签都可以是选择器,选择的是所有 不是一个
      标签选择器示例 p{ font-size:14px; }
 - id选择器:针对某一个特定的标签使用  选择符号`#`, 任何html标签都可以有id属性,id属性名不能是标签名,不能重复,且需要字母开头id选择器示例  `#mytitle{ border:3px dashed green; }`- 类选择器:针对你想要的所有标签使用 选择器用`.`标识  一个标签可以有多个类 例如:  `<p class="lv da">段落1</p>` 
id选择器 `#mytitle{ border:3px dashed green; }`  - 通用选择器(通配符):针对所有的标签都适用**css尽量使用class,** **js 要通过 id 属性得到标签** 容易混
  1. 伪类选择器
    静态伪类:只能用于超链接的样式。如下:
  :link 超链接点击之前 :visited 链接被访问过之后
  1. 动态伪类:针对所有标签都适用的样式。
   :hover “悬停”:鼠标放到标签上的时候:active “激活”: 鼠标点击标签,但是不松手时。:focus 是某个标签获得焦点时的样式(比如某个输入框获得焦点

伪类使用示例

<style type="text/css">
/*鼠标悬停,放到标签上的时候*/a:hover {color: yellow;}
</style>
  1. css的继承性
    关于文字样式的属性,都具有继承性。这些属性包括:color、 text-开头的、line-开头的、font-开头的。
    关于盒子、定位、布局的属性,都不能继承。

  2. 属性层叠性。层叠性:就是css处理冲突的能力
    选择器排序的优先级为:ID选择器 > 类选择器 > 标签选择器
    权重相同,就近原则(下面覆盖上面)

  3. 动效也是由css完成的

  4. 字体也是css

知道什么是什么,知道知识点属于那一块,用的时候再查,

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/56643.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Jmeter监控服务器性能

目录 ServerAgent 安装 打开Jmeter ServerAgent 在Jmeter上监控服务器的性能比如CPU&#xff0c;内存等我们需要用到ServerAgent&#xff0c;这里可以下载我分享 ServerAgent-2.2.3.zip 链接: https://pan.baidu.com/s/1oZKsJGnrZx3iyt15DP1IYA?pwdedhs 提取码: edhs 安装…

[云] Project Analysis

项目要求分析&#xff1a; 开放性选题&#xff1a; 主题范围&#xff1a;任何与云计算系统相关的主题。项目类型&#xff1a;可以是技术、商业或研究项目。团队规模&#xff1a;最多可组成三人小组。 示例主题&#xff1a; 分析公共云数据&#xff1a;例如&#xff0c;AWS公共数…

System.Text.Json类库进行json转化时ValueKind:Object问题

当你的使用的Json库是System.Text.Json&#xff0c;而不是Newtonsoft.Json库的时候&#xff0c;你可能遇到以下问题及其解决办法。通常的解决办法是进行一些对应的配置。此外就需要根据情况使用自定义转换器实现你的需求。以下是通常遇到的使用自定义转换器解决的例子: Q1.当遇…

FPGA图像处理之均值滤波

文章目录 一、什么是图像滤波&#xff1f;1.1 噪声类型1.2 滤波类型 二、均值滤波原理2.1 3*3窗口滑动过程2.2 图像扩展 三、Matlab实现均值滤波四、FPGA实现均值滤波4.1 生成 3*3 矩阵4.2 仿真3*3矩阵4.3 计算均值4.4 仿真均值滤波 一、什么是图像滤波&#xff1f; 图像滤波是…

调整Android板子的分辨率

Android板子通过HDMI连接外屏发现很模糊&#xff0c;先用以下命令查询下板子的分辨率&#xff1a; adb shell wm size 发现板子目前的分辨率是&#xff1a; Physical size: 800x480 调整分辨率命令行&#xff1a; adb shell wm size 1920x1080 注意&#xff1a;系统是roo…

得物App3D创新应用引关注,世界设计之都大会启幕

近日&#xff0c;2024世界设计之都大会&#xff08;WDCC&#xff09;在上海盛大启幕。此次大会以“设计无界 新质生长”为主题&#xff0c;汇聚了全球设计领域的精英与前沿成果&#xff0c;展现了设计作为新质生产力的巨大潜力。主场展览占据了整整3个楼面&#xff0c;总面积达…

Python字符串格式化方法format()

字符串.format(变量1, 变量2, ...)使用大括号{}作为占位符,格式化的两种方法&#xff0c;参数序号法和关键字法&#xff0c;即在大括号中填入关键字还是序号&#xff0c;代码举例 # 参数序号法 print("姓名{0}&#xff0c;班级{1}&#xff0c;年龄{2}".format(张三,…

C#学习笔记(十)

C#学习笔记&#xff08;十&#xff09; 第七章 对象的构造方法与实例方法一、对象的构造方法1. 构造方法初识2. 构造方法的创建3. this关键字4. 构造方法的规范和重载4.1 构造方法的规范 5. 对象初始化器5.1 对象初始化器和构造方法的区别 二、对象的实例方法1. 简单应用2.实例…

代码随想录算法训练营第二天(补) | 滑动窗口、模拟、前缀和

目录 3.4 长度最小的子数组 3.5螺旋矩阵II 3.6 区间和 文章讲解&#xff1a;[58. 区间和 | 代码随想录 3.4 长度最小的子数组 题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 文章讲解&#xff1a;代码随想录 视频讲解&#xff1a;拿下滑动窗口&#xff…

Linux历史

Linux 于 1991 年由芬兰学生 Linus Torvalds 作为个人项目开始&#xff0c;旨在创建一个新的免费操作系统内核。在其历史发展中&#xff0c;Linux 内核经历了持续的增长。自 1991 年首次发布源代码以来&#xff0c;Linux 内核从少量的 C 语言文件&#xff0c;且受限于禁止商业发…

机器视觉基础系列四—简单了解背景建模算法

机器视觉基础系列四—简单了解背景建模算法 首先我们应该了解的是背景建模的定义是什么&#xff1f;又有哪些应用场景呢&#xff1f; 背景建模是指通过分析视频序列中的像素值变化情况&#xff0c;从中提取出静态背景部分&#xff0c;并将其用于目标检测、运动跟踪等计算机视觉…

高效地理位置数据处理:Redis Geospatial Indexes详解

在现代应用中&#xff0c;地理位置数据处理变得越来越重要。无论是共享单车、外卖配送还是社交应用&#xff0c;地理位置服务都扮演着关键角色。Redis提供了Geospatial Indexes数据结构&#xff0c;能够高效地存储和查询地理位置数据。本文将介绍Redis的Geospatial Indexes的基…

渗透测试导论

渗透测试的定义和目的 渗透测试&#xff08;Penetration Testing&#xff09;是一项安全演习&#xff0c;网络安全专家尝试查找和利用计算机系统中的漏洞。 模拟攻击的目的是识别攻击者可以利用的系统防御中的薄弱环节。 这就像银行雇用别人假装盗匪&#xff0c;让他们试图闯…

信创服务器下连接kingbase并执行SQL的脚本

信创服务器下连接kingbase并执行SQL的脚本 .bash_profile Get the aliases and functions if [ -f ~/.bashrc ]; then. ~/.bashrc fiUser specific environment and startup programs PATH$PATH:/home/kingbase/Server/bin export PATH export LD_LIBRARY_PATH/home/kingba…

vLLM简介

vLLM简介与主要优势 vLLM是一款高性能的LLM推理引擎&#xff0c;它针对大语言模型的推理任务进行了优化&#xff0c;特别适合处理并行性和大规模部署的需求。其设计核心是通过创新的 “动态批处理” 和 “连续缓存” 来最大化GPU的利用率&#xff0c;同时减少内存占用与数据传…

LeetCode1004.最大连续1的个数

题目链接&#xff1a;1004. 最大连续1的个数 III - 力扣&#xff08;LeetCode&#xff09; 1.常规解法&#xff08;会超时&#xff09; 遍历数组&#xff0c;当元素是1时个数加一&#xff0c;当元素是0时且已有的0的个数不超过题目限制时&#xff0c;个数加一&#xff0c;若上…

Lumerical学习——优化和参数扫描(Optimization and parameter sweeps)

一、概要介绍 这部分介绍优化和参数扫描项目设定的方法。在有大量数据模拟计算过程中这个特性允许用户使处理方法自动地查找期望的参数值。 ① 创建一个参数扫描任务 ② 创建一个优化任务 ③ 创建一个良率分析任务 ⑤ 打开所选择项目的编辑窗口&#xff0c;编辑其属性…

基于Java+SpringBoot+Uniapp的博客系统设计与实现

项目运行截图 技术框架 后端采用SpringBoot框架 Spring Boot 是一个用于快速开发基于 Spring 框架的应用程序的开源框架。它采用约定大于配置的理念&#xff0c;提供了一套默认的配置&#xff0c;让开发者可以更专注于业务逻辑而不是配置文件。Spring Boot 通过自动化配置和约…

泊松流负载均衡控制

目录 泊松流负载均衡控制 一、到达率λ 二、服务率μ 三、泊松流负载均衡控制 泊松流负载均衡控制 在探讨泊松流负载均衡控制时,我们主要关注的是到达率λ和服务率μ这两个核心参数。以下是对这两个参数及其在泊松流负载均衡控制中作用的详细解释: 一、到达率λ 定义:…

嵌入式C++中内存分配基本实现方法

大家好,今天主要给大家分享一下,如何使用计算机中的内存空间进行分配,观察具体现象。 第一:C语言动态空间分配方式 第二:C++中动态内存分配方法 new 可以自动计算数据类型的大小 与 类型的转换 malloc 只能手动进行。 2.new 可以在分配空间的时候初始化 malloc 不行。 第三…