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)

浏览器渲染流程

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

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

相关文章

Proxifier监控流量转发Charles

Charles开启 SOCKS Proxy 在Proxifier的Proxy Servers选项中点击add添加如下规则:127.0.0.1:8889, 端口号8889对应Charles开放的端口号, 选择SOCKS5,支持监控http和https 配置好之后点击Check进行验证, 点击Test Settings选项&…

二.音视频编辑-媒体组合-播放

引言 当涉及到音视频编辑时,媒体资源的提取和组合是至关重要的环节。在iOS平台上,AVFoundation框架提供了丰富而强大的功能,使得媒体资源的操作变得轻松而高效。从原始的媒体中提取片段,然后将它们巧妙地组合成一个完整的作品&am…

SV学习笔记(二)

接口 什么是接口? 接口 主要用作验证 ,国外有些团队会使用sv进行设计,那么接口就会用作设计。验证环境中,接口可以 使连接变得简洁而不易出错 。interface和module的使用性质很像, 可以定义端口,也可以定…

文心一言 VS 讯飞星火 VS chatgpt (230)-- 算法导论17.1 1题

一、如果栈操作包括 MULTIPUSH 操作,它将 k 个数据项压入栈中,那么栈操作的摊还代价的界还是 O(1) 吗? 文心一言: 在栈的基本操作中,我们通常考虑的是单个元素的压入(push)和弹出(pop&#x…

升级程序到Java21的记录二(修改程序源代码)

背景 :参看 《升级程序到Java21的记录一(先升级jdk到21)》, Jdk升级完毕,下面我们该秀修改程序源代码了, 程序最初使用的springboot2.6.8 以及jdk17。为了使用springboot 3.0(3.0开始有支持虚拟线程的相关…

抖音运营技巧

1、视频时长 抖音的作品是否能够继续被推荐,取决于综合数据,包括完播率、点赞率、评论率、转发率和收藏率等。其中,完播率是最容易控制的因素。对于新号来说,在没有粉丝的初期,发布过长的视频可能会导致无人观看。因此…

Day31|贪心算法part01:理论基础、455.分发饼干、376. 摆动序列、53. 最大子序和

理论基础 记得贪心没有规律即可!解不出来就看题解。 455. 分发饼干 先把学生和饼干都排序(Arrays.sort只能升序),然后都从后往前遍历,把最大的饼干给需求最大的孩子(贪心) class Solution {…

4核8G服务器配置性能怎么样?4核8G12M配置服务器能干啥?

腾讯云4核8G服务器多少钱?腾讯云4核8G轻量应用服务器12M带宽租用价格646元15个月,活动页面 txybk.com/go/txy 活动链接打开如下图所示: 腾讯云4核8G服务器优惠价格 这台4核8G服务器是轻量应用服务器,详细配置为:轻量4核…

内网安全之-kerberos协议

kerberos协议是由麻省理工学院提出的一种网络身份验证协议,提供了一种在开放的非安全网络中认证识别用户身份信息的方法。它旨在通过使用秘钥加密技术为客户端/服务端应用提供强身份验证,使用kerberos这个名字是因为需要三方的共同参与才能完成一次认证流…

【C++】stack和queue

个人主页 : zxctscl 如有转载请先通知 文章目录 1. stack的介绍和使用1.1 stack的介绍1.2 stack的使用1.3 stack的模拟实现 2. queue的介绍和使用2.1 queue的介绍2.2 queue的使用2.3 queue的模拟实现 3. 容器适配器3.1 概念3.2 STL标准库中stack和queue的底层结构3.…

@RequestParam和@PathVariable的区别

同样都是接收URL中的参数,RequestParam和PathVariable有什么区别呢?

随手集☞Spring知识盘点

概述 定义 Spring框架的提出者是程序员Rod Johnson,他在2002年最早提出了这个框架的概念,随后创建了这个框架。Spring框架的目标是简化企业级Java应用程序的开发,通过提供一套全面的工具和功能,使开发者能够更加高效地构建高质量…

Prometheus+grafana环境搭建MongoDB(docker+二进制两种方式安装)(五)

由于所有组件写一篇幅过长,所以每个组件分一篇方便查看,前四篇mongodb的exporter坑也挺多总结一下各种安装方式,方便后续考古。 Prometheusgrafana环境搭建方法及流程两种方式(docker和源码包)(一)-CSDN博客 Prometheusgrafana环境搭建rabb…

5分钟润色一篇论文:ChatGPT意味着什么?Nature连发两篇文章探讨

2023年随着OpenAI开发者大会的召开,最重磅更新当属GPTs,多模态API,未来自定义专属的GPT。微软创始人比尔盖茨称ChatGPT的出现有着重大历史意义,不亚于互联网和个人电脑的问世。360创始人周鸿祎认为未来各行各业如果不能搭上这班车…

服务器硬件构成与性能要点:CPU、内存、硬盘、RAID、网络接口卡等关键组件的基础知识总结

文章目录 服务器硬件基础知识CPU(中央处理器)内存(RAM)硬盘RAID(磁盘阵列)网络接口卡(NIC)电源散热器主板显卡光驱 服务器硬件基础知识 服务器是一种高性能计算机,用于在…

第1章:芯片及引脚介绍

芯片及引脚介绍 1: 芯片介绍1.1:芯片系列1.2 :STM32F103C8T6型号的介绍 2:引脚2.1:寄存器2.2:最小系统板 3:最小系统板的引脚3.1:特殊引脚3.2:普通引脚3.3:最…

Linux之信号

1.常见信号 虽然最开始的编号是1,最后的编号是64,但是并不是有64个信号,没有32和33号信号,也就是说,一共有62个信号,前31个信号是标准信号(非实时信号),后31个信号是实时…

Android自定义view;实现掌阅打开书籍动画效果

这里利用自定义view的方式来处理,初始化数据,camera通过setLocation调整相机的位置,但是Camera 的位置单位是英寸,英寸和像素的换算单位在 Skia 中被写成了72 像素,8 x 72 576,所以它的默认位置是 (0, 0, …

Linux基础篇:Linux网络yum源——以配置阿里云yum源为例

Linux网络yum源——以阿里云为例 一、网络yum源介绍 Linux中的YUM(Yellowdog Updater, Modified)源是一个软件包管理器,它可以自动处理依赖关系并安装、更新、卸载软件包。YUM源是一个包含软件包的远程仓库,它可以让用户轻松地安…

用户账号和组账号及管理

用户账号和组账号 Linux中每个用户是通过 User Id (UID)来唯一标识的 新建用户 1-60000 自动分配 0-65535 端口号,系统是靠uid来区分用户身份的,用户的uid 为0 就是超级管理员 1.用户账号的类型 超级管理员:权限最高的用户,roo…