CSS基础速刷 - 非布局样式(未完待续)

news/2024/10/20 17:40:01
  1. 全称:Cascading Style Sheet

2. 选择器

选择器 {
属性:值;
属性:值;
}
选择器用于匹配HTML元素,有不同的匹配规则,多个选择器可以叠加。
浏览器解析CSS选择器方式和我们写选择器的方式是相反的:从右往左

选择器分类

伪元素(双冒号)是真实存在的元素,可以被显示出来的元素;伪类(单冒号),当鼠标hover或者。。。元素某种状态下的样式。

选择器的权重

例子:

事实上,10个类选择器不等于1个id选择器的权重,多少个类选择器叠加都抵不过一个id选择器。
其他规则:
直接写在属性里面的style=属性的权重是最高的。
权重一样:就近原则。

  1. 非布局样式:字体
  • 字体族 font-family
    衬线字体(宋体) 非衬线字体(苹方) 等宽字体 手写体 花体
  • 多字体 fallback:系统找不到该字体就往后找。
  • 网络字体、自定义字体
  • iconfont

  1. 非布局样式:行高

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

Using MATLAB with CANoe 快读

近期领导交给了一个非常有意思的任务:尝试实现在不同工况下的HSI测试,并给了Matlab这个提示。当然我并不实现交互的具体算法,但是要懂得Matlab接口的测试调用和上层General测试框架的搭建。 资料来源:Using MATLAB with CANoe 1.0 Overview 目的是为了拓展CANoe的Node功能…

Linux宝塔面板安装Windows环境搭建企业

宝塔面板是一款非常流行的服务器管理软件,支持多种操作系统,包括Linux。以下是基于CentOS系统的宝塔面板安装步骤: 1. 检查系统环境确保您的服务器操作系统为CentOS 7.x 或更高版本。 确保服务器有公网IP地址。2. 关闭防火墙(可选) 3. 安装宝塔面板打开终端或SSH连接到您的…

CTF学习(2):Misc(你竟然赶我走)

1.查看图片的详细信息查找flag 2.查看图片是否隐藏宽高,通过修改高度使flag出现 3.根据图片的文件类型选择工具查看是否隐藏flag 4.(这道题)使用010 editor---将图片转为16进制 搜索文本获取 flag

20222302 2024-2025-1 《网络与系统攻防技术》实验三实验报告

1.实验内容 (1)正确使用msf编码器,veil-evasion,自己利用shellcode编程等免杀工具或技巧 (2)通过组合应用各种技术实现恶意代码免杀 (3)用另一电脑实测,在杀软开启的情况下,可运行并回连成功,注明电脑的杀软名称与版本 2.实验过程 任务一:正确使用msf编码器,veil-evasio…

mac 系统更新ruby

mac 系统更新ruby mac 系统更新遇到的机器坑爹的情况: 无法更新ruby 的情况,就是更新的时候提示版本过低无法更新 前提知晓: Homebrew Homebrew 是 macOS 和 Linux 系统上的一个流行的包管理器,用于简化软件的安装、管理和配置。它允许用户通过简单的命令行界面来安装、更新…

【蓝桥杯】C++ 第20场 小白入门赛

一、四个亲戚 题目 四个亲戚 题目分析 字面意思:Daiyu+‘kind’ 代码#include <iostream> using namespace std; int main() {cout<<"Daiyukind";return 0; }二、黛玉泡茶 题目 黛玉泡茶 题目分析 1.我们可以c 2.然后c 3.计算c,如果不能,整除后的答案…

2024-2025-1 20241314 《计算机基础与程序设计》第四周学习总结

2024-2025-1 20241314 《计算机基础与程序设计》第四周学习总结 作业信息这个作业属于哪个课程 2024-2025-1-计算机基础与程序设计这个作业要求在哪里 2024-2025-1计算机基础与程序设计第四周作业作业正文 正文教材学习内容总结 计算机系统计算机组成:中央处理器(CPU):负责…

【学校训练记录】10月个人训练赛4个人题解

A:要使s,t相等只要互相删除对方没有的字母即可,即找到a-z字母拥有最少的 #include <bits/stdc++.h> #define endl "\n" #define int long long using namespace std;string s1, s2; int a1[30], a2[30]; void solve(){cin >> s1 >> s2;for(int i …