004 CSS介绍2

文章目录

    • css最常用属性
    • link元素
    • 进制
    • css颜色表示
    • 浏览器的渲染流程(不含js)

css最常用属性

font-size 文字大小
color:前景色(文字颜色)
background-color:背景色
width:宽度
height:高度

link元素

也可以用来创建站点图标
link元素常见属性
href:指定被链接资源的URL
rel:指定链接类型,常见链接类型:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Link_types)

进制

进制是一种记数方式
十进制转其他进制:
整除,取余数
其他进制转十进制:
例子二进制1001转十进制:1*2^3+0*2^2+0*2^1+1*2^0
二进制转八进制:
三位转成一位八进制
二进制转十六进制:
四位转成一位十六进制

css颜色表示

开发不采用:https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value#%E8%AF%AD%E6%B3%95

开发采用RGB颜色:
通过调整这三个颜色不同的比例,可以组合成其他的颜色
RGB各个原色的取值范围是0-255

rgb颜色可以通过以#为前缀的十六进制字符和函数(rgb()、rgba())标记表示
rgba,a是透明度,可选。
方式一:十六进制符号:#RRGGBB[AA]
#ff0000等价于#ff0000ff
方式二:十六进制符号:#RGB[A] 简写
#f09和#ff0099表示同一颜色
方式三:函数符:rgb[a](R,G,B[,A])
R、G、B可以是数字或者百分比,255相当于100%
A可以是0到1之间的数字或者百分比,数字1相当于100%(完全不透明)

浏览器的渲染流程(不含js)

浏览器渲染流程

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

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

相关文章

AcWing-游戏

1388. 游戏 - AcWing题库 所需知识:博弈论,区间dp 由于双方都采取最优的策略来取数字,所以结果为确定的,有可能会有多个不同的过程,但是我们只需要关注最终结果就行了。 方法一: 定义dp[i][j] 表示区间…

【Linux】-进程知识铺垫①计算机硬件的组织:冯诺依曼体系结构详细解读②关于操作系统对软硬件及用户的意义

目录 ​编辑 1.关于计算机的体系结构 1.1 冯诺依曼体系结构的诞生 2.冯诺依曼体系结构 2.1 cpu:运算器:更多的是让cpu具有特殊的数据计算功能: 2.2 控制器 2.3输入设备 2.4输出设备 3.计算机各个硬件设备之间的关系 4.内存与计算机效率 5.关于为什么总说…

从A项目跳转到B项目,Vue两个不同项目之间实现跳转

最近遇到一个需求,就是有两个不同的项目,姑且叫项目A与项目B吧,前端技术栈都是Vue,现在登录成功A项目后希望点击A项目里某个按钮可以跳转到B项目里的某个页面,然后点击B项目里某个按钮可以跳回到A项目里的某个页面。 实现思路是:当用户点击A项目的跳转按钮时,通过window…

springboot和redis与jwt实现jwt的token双重拦截

添加自定义拦截器 package com.juejiu.config;import com.juejiu.utils.TokenGenerate; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.redis.core.RedisTemplate; import org.springframework.stereotype.Component; imp…

安装Docker(CentOS)

Docker 分为 CE 和 EE 两大版本。CE 即社区版(免费,支持周期 7 个月),EE 即企业版,强调安全,付费使用,支持周期 24 个月。 Docker CE 分为 stable test 和 nightly 三个更新频道。 官方网站上…

PyCharm配置Python环境

在PyCharm中配置Python环境是一个相对简单的过程。下面是一步一步的指导,帮助你设置PyCharm以使用特定的Python解释器: 步骤 1: 打开PyCharm设置 打开PyCharm。点击菜单栏中的 File,然后选择 Settings(Windows和Linux&#xff0…

Free MyBatis Tool插件的进阶使用指南(消灭dao层的繁琐编码)

目录 零、起因一、怎么使用Free MyBatis Tool插件?1 基本使用2 进阶使用(搞清楚Options的用法)2.1 概览2.2 详述2.2.0 Options(一项都不勾选)2.2.1 Use-Lombok【消除UserDO中的getter和setter代码】2.2.2 Comment&…

计算并输出1~100之间的所有带正负号交替的 2^n / n! 序列之和

#include <stdio.h> int main(){int sign1; // 记录当前项的符号&#xff0c;正负交替int n; // 循环变量&#xff0c;用于遍历1到100double sum0.0; // 记录总和 // 外层循环&#xff0c;遍历n从1到100 for(n1;n<100;n){ double nr1.0; // 记录当前项的分…

机电一体化系统设计学习笔记——检测传感技术

一、检测传感技术 1. 传感器的定义 传感器是一种用来感知、检测、测量并将环境中的物理量、化学量或生物量转换为可供人们识别或处理的电信号或其他形式的信号的器件或装置。 2.传感器的功能 感知与检测&#xff1a;传感器可以感知环境中的各种物理量、化学量或生物量&…

ChatGPT 在做什么,为什么有效?

原文&#xff1a;What Is ChatGPT Doing … and Why Does It Work? 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 序言 这本简短的书试图从第一原理解释 ChatGPT 是如何工作的。在某种程度上&#xff0c;这是关于技术的故事。但它也是关于科学的故事。以及关于哲学…

【软件架构学习】一、基本概念

【软件架构学习】一、基本概念 &#xff08;一&#xff09;系统与子系统&#xff08;二&#xff09;模块与组件*&#xff08;三&#xff09;框架与架构* &#xff08;一&#xff09;系统与子系统 系统 &#xff1a;泛指一群有关联的个体组成&#xff0c;根据某种规则运作&…

item_search-按关键字搜索淘宝商品:如何通过获取以下关键字、搜索类型、排序方式参数提升用户体验、优化营销策略、提高转化率

在淘宝购物的过程中&#xff0c;搜索功能无疑是用户与商品之间的重要桥梁。通过输入关键字&#xff0c;用户可以迅速找到所需的商品&#xff0c;而搜索结果的准确性和相关性则直接关系到用户的购物体验和满意度。因此&#xff0c;如何通过优化关键字、搜索类型和排序方式参数&a…

应急响应实战笔记04Windows实战篇(5)

第5篇&#xff1a;挖矿病毒&#xff08;一&#xff09; 0x00 前言 ​ 随着虚拟货币的疯狂炒作&#xff0c;挖矿病毒已经成为不法分子利用最为频繁的攻击方式之一。病毒传播者可以利用个人电脑或服务器进行挖矿&#xff0c;具体现象为电脑CPU占用率高&#xff0c;C盘可使用空间…

【最大正方形】

题目描述 在一个 n m n\times m nm 的只包含 0 0 0 和 1 1 1 的矩阵里找出一个不包含 0 0 0 的最大正方形&#xff0c;输出边长。 输入格式 输入文件第一行为两个整数 n , m ( 1 ≤ n , m ≤ 100 ) n,m(1\leq n,m\leq 100) n,m(1≤n,m≤100)&#xff0c;接下来 n n n…

解锁行业潜力:国内十大低代码平台全面盘点

在数字化转型的浪潮中&#xff0c;低代码开发平台以其快速开发、简化流程和降低技术门槛的优势&#xff0c;成为企业信息化建设的重要推手。 本篇文章将为您盘点十个低代码平台有&#xff1a;Zoho Creator、明道云、腾讯云低代码平台、华为云Astro、金蝶云苍穹、用友YonBuilder…

【ARM 嵌入式 C 文件操作系列 20.1 -- 从 A文件的 n 行开始 拷贝 m行到 B文件中】

请阅读【嵌入式开发学习必备专栏 】 文章目录 文件行拷贝根据行数大小设定拷贝方法拷贝每行固定字符个数的方式 文件行拷贝 从文件 a 中从第 n 行开始拷贝 m 行到文件 b 的函数&#xff0c;将需要使用标准库函数来读取和写入文件。以下是一个 file_copy_lines 函数实现&#x…

DO、DTO、BO、VO、PO、DAO、POJO

目录 一、DO、DTO、BO、VO、PO、DAO、POJO的概念 二、DO、DTO、BO、VO具体如何使用&#xff1f;代码详细说明 三、有没有其他类似的概念&#xff0c;比如POJO&#xff08;Plain Old Java Object&#xff09;&#xff1f;它们有什么区别&#xff1f; 四、在实际项目中&#…

[lesson05]引用的本质分析

引用的本质分析 引用的意义 引用作为变量别名而存在&#xff0c;因此在一些场合可以代替指针 引用相对于指针来说具有更好的可读性和实用性 注意&#xff1a; 函数中的引用形参不需要进行初始化&#xff01;&#xff01; 特殊的引用 const引用 在C中可以声明const引用 cons…

可能是最便宜的姿态传感器,国产三轴加速度计SC7A20

可能是最便宜的姿态传感器 三轴检测 批量参考价格&#xff1a;整盘单价&#xff1a;1.242&#xff0c;一个包装10K&#xff0c;希望厂家能出点数量少的包装&#xff0c;这一盘太多了&#xff1a;&#xff09; 特点 宽电压范围 1.71V-3.6V 1.8V 兼容数字 IO 口 低功耗模式下…

若依项目名、包名修改器

Updater.java import java.io.File; import java.util.*;public class Updater {public static void main(String[] args) {String projectPath"D:\\workspace\\idea\\RuoYi-Cloud-Plus-2.X";updateNames(new File(projectPath));}//需要改名的目录名称&#xff08;…