CSS期末复习速览(一)

1.标签选择器,格式:标签{ …… },例如div{ color:pink; },代表全部div中的字都是pink色

2.类选择器,格式:.类名{……},通过class="类名"调用,例如.red{color:red;},

<li class="red">呵呵<li>

3.类选择器中可以调用多类名,类名之间用空格隔开就行,例如<div class="box red">红色的盒子</div>

4.id选择器,格式:#名称,通过id="名称"调用,例如#pink{color:pink;} ,<div id="pink">爱</div>,其中id选择器只能调用一次,再调用就没有效果了

5.通配符选择器,格式:*{……},代表全部标签初始化都是这样的,常用来清除所有的元素标签的内外边距*{margin:0;padding:0;}

6.font-family用来定义字体系列,常用微软雅黑

7.font-size用来定义字号大小,后面跟px值

8.font-weight用来设置文本字体的粗细,有三种选择:normal(不加粗),bold(加粗),100-900(400等同normal,700等同bold,数字后面不跟单位),主要用途:让标题标签不加粗

9.font-style用来设置字体样式(斜体或正常),normal(正常),italic(斜体)

10.color用来定义文本颜色,三种方式:预定义颜色值,如red,blue;十六进制,如#FF0000;RGB代码,如rgb(255,0,0)或rgb(100%,0%,0%)

11.text-align用来设置文本对齐,三种选择:left(左对齐,默认),right(右对齐),center(居中对齐)

12.text-decoration用来设置文本样式,四种选择:none(没有装饰线),underline(下划线),overline(上划线),line-through(删除线),主要用途:通过none让链接的下划线消失

13.text-indent用来设置文本缩进,px/em,em表示当前文字的大小

14.line-height设置行间距,行间距由三部分组成:上间距,文本高度,下间距,例如行间距为26px,如果文本大小为16px,那么上下间距为(26-16)/2=5px,主要用途:让行间距等于盒子的高度,实现文字在当前盒子内垂直居中

15.后代选择器,格式:父标签  子标签{……},代表选择父标签底下所有的子标签

16.子元素选择器,格式:父元素>子元素{……},代表选择父元素最近一级的子元素(只选亲儿子,孙子和重孙子都不管)

17.并集选择器,格式:标签1,标签2……{……},代表选择多个标签

18.链接伪类选择器,四种:a:link(选择所有未被访问的链接),a:visited(选择所有已经被访问过的链接),a:hover(选择鼠标指针位于其上的链接),a:active(选择鼠标按下未弹起的链接)

19.focus伪类选择器(用于表单),格式:input:focus{……},把获得光标的input表单元素选择出来

20.如果使用外部样式表,则需要将.css文件引用到.html文件,方法是<link rel="stylesheet" href="css文件路径">

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

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

相关文章

Adobe Illustrator 基础学习

基本工具栏 T 为文字状态&#xff0c;用于输入文本&#xff0c;默认填充符是 滚滚长江东逝水xxx。 空心箭头是拖动&#xff0c;要移动任何东西的位置都需要这个工具&#xff0c;快捷键是英文的 v 上方纯色填充的矩形为图形绘制工具&#xff0c;右键点击可以展开折叠的多边形、…

Asp.Net Core 读取配置接口 IOptions、IOptionsMonitor以及IOptionsSnapshot

&#x1f340;简介 Options是.net Core Web api框架自带的功能&#xff0c;Options模式通过定义强类型的类来表示相关配置设置的集合&#xff0c;使得配置管理更为结构化和类型安全。 IOptions、IOptionsMonitor和IOptionsSnapshot是用于处理配置的依赖注入接口。这些接口允许…

微服务SpringCloud ES分布式全文搜索引擎简介 下载安装及简单操作入门

Elasticsearch ES简介 分布式全文搜索引擎 我们天天在用ES 搜索的时候 要与多个信息进行匹配查找 然后返回给用户 首先 ES会将数据库中的信息 先进行一个拆分 这个叫做分词 是按照词语关键词拆的 然后就能进行搜索的时候匹配对应的id 每一个关键字对应若干id 每一个…

flink standalone部署模式

standalone模式可以在单台机器以不同进程方式启动&#xff0c;也可以以多机器分布式方式启动。 任务的提交模式有三种&#xff1a;application mode、session model、per-job mode&#xff08;1.4x版本后过时&#xff09;。 注意区分任务的提交模式与集群的部署模式区别。 以…

C++ 18 之 函数的重载

c18函数的重载.cpp #include <iostream> #include <string.h> using namespace std;void fun4(int a) {cout << "int a: "<< a << endl; } void fun4(double a) {cout << "double a: " << a << endl; }v…

后端|压缩Base64图片的两种方式

Base64是一种将二进制数据编码为ASCII字符串的方法。它通过将3个字节的二进制数据转换为4个可打印字符的ASCII字符&#xff0c;从而将二进制数据转换为可传输的文本格式。Base64编码常用于传输图片或音频文件。Base64编码可以保证数据在传输过程中不丢失&#xff0c;同时可以避…

24年河北自考报名流程详细教程汇总

2024年河北自考本科报名马上就要开始了&#xff0c;想要参加考试报名的同学&#xff0c;提前看一下&#xff0c;了解一下报名流程&#xff0c;准备一些报名材料。 报名时间&#xff1a;2024年1月5日—10日8:00—22:00 考试时间&#xff1a;2024年4月13日—14日 报名照要求&…

ControlNet作者新作Omost 一句话将LLM的编码能力转化为图像生成能力,秒变构图小作文,再也不用为不会写提示词担心了!

近日&#xff0c;ControlNet的作者推出了一个全新的项目—Omost。Omost是一个将LLM的编码能力转化为图像生成能力的项目。对现有图像模型的提示词理解有着巨大的帮助。通过很短的提示词&#xff0c;就可以生成非常详细并且空间表现很准确的图片。 完美解决新手小白不会写提示词…

[数据集][目标检测]减速带检测数据集VOC+YOLO格式5400张1类别

数据集格式&#xff1a;Pascal VOC格式YOLO格式(不包含分割路径的txt文件&#xff0c;仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)&#xff1a;5400 标注数量(xml文件个数)&#xff1a;5400 标注数量(txt文件个数)&#xff1a;5400 标注…

运营必看!精细化运营的四个通用策略

在当今竞争激烈的市场环境中&#xff0c;精细化运营是企业取得成功的关键。 接下来&#xff0c;就和大家聊聊精细化运营的四个通用策略&#xff0c;帮助大家更好地满足不同群体的需求&#xff0c;提高用户满意度。 1、心智差异 由于每个人的背景、经历和价值观都不同&#x…

使用docker构建java应用

1、docker简介 Docker是一个开源的容器化平台&#xff0c;可以帮助开发人员将应用程序及其依赖项打包成一个可移植的容器。容器化是一种轻量级的虚拟化技术&#xff0c;可以使应用程序在不同的操作系统和环境中具有一致的运行方式。 使用Docker带来的好处包括&#xff1a; 简…

军事武器3D数字化交互展示创作平台大大降低成本

军事力量和装备是一个国家国防安全的重要支柱&#xff0c;这在全球范围内得到广泛认同&#xff0c;为了让入伍的新兵能快速熟悉和掌握武器装备操作流程&#xff0c;基于创新型的华锐3D云展平台工具&#xff0c;搭建的3D军事武器展示搭建编辑器&#xff0c;让部队的军事武器展示…

Solidity智能合约事件(event)

文章目录 Solidity智能合约事件(event)什么是event事件event有什么作用日志内容位于区块链的什么地方&#xff1f;【重要】以太坊交易获取如何在 Solidity 中使用事件&#xff1f;参考 Solidity智能合约事件(event) 什么是event EVM有一个日志功能&#xff0c;用于将数据“写…

C++中的值传递和引用传递

在C中&#xff0c;函数参数传递主要有两种方式&#xff1a;值传递&#xff08;Pass by Value&#xff09;和引用传递&#xff08;Pass by Reference&#xff09;。这两种方式在参数传递时处理数据的方式有所不同&#xff0c;下面我将详细解释它们。 1. 值传递&#xff08;Pass…

2024最新D卷 华为OD统一考试题库清单(按算法分类),如果你时间紧迫,就按这个刷

目录 专栏导读华为OD机试算法题太多了&#xff0c;知识点繁杂&#xff0c;如何刷题更有效率呢&#xff1f; 一、逻辑分析二、数据结构1、线性表① 数组② 双指针 2、map与list3、队列4、链表5、栈6、滑动窗口7、二叉树8、并查集9、矩阵 三、算法1、基础算法① 贪心思维② 二分查…

C#批量设置海康和大华录像机NVR,GB28181的通道编码.

我经常要把小区海康或者大华的硬盘录像机推送到自己搭建的gb28181监控平台,每次几百个摄像头编码,有点头大,就用了1个多周写了个批量设置海康和大华硬盘录像机的通道编码的程序,海康和大华的SDK简直不是人看的. 太乱了. 大华读取通道编码的代码 /// <summary>/// 获取通道…

自动生成企业培训视频:创新与效率的完美结合

前言 随着人工智能技术的飞速发展&#xff0c;大模型技术在各个领域的应用日益广泛。在企业培训领域&#xff0c;大模型技术的应用为培训视频的生成带来了革命性的变革。本文将探讨如何利用大模型技术自动生成企业培训视频&#xff0c;以及这一技术为企业培训带来的创新和效率…

Javaweb8 数据库Mybatis+JDBC

Mybatis Dao层&#xff0c;用于简化JDBC开发 1步中的实体类 int类型一般用Integer &#xff1a;如果用int类型 默认值为0,会影响数据的判断,用Integer默认值是null,不会给数据的判断造成干扰 2.在application .properties里配置数据库的链接信息-四要素 #驱动类名称 #URL #用…

mmdeploy环境部署流程

参考&#xff1a;mmdeploy/docs/zh_cn/01-how-to-build/linux-x86_64.md at main open-mmlab/mmdeploy (github.com) 从零入门《openmmlab》mmdeploy[1]环境安装及简单上手_哔哩哔哩_bilibili 我的环境&#xff1a; docker容器&#xff0c;ubuntu20.04&#xff0c;cuda11.7…

OPNsense 24.1 - 基于 FreeBSD 的开源防火墙和路由平台

OPNsense 24.1 - 基于 FreeBSD 的开源防火墙和路由平台 请访问原文链接&#xff1a;https://sysin.org/blog/opnsense/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出处。 作者主页&#xff1a;sysin.org 关于 OPNsense OPNsense 是一个开源、易于使用且易于构建…