2020-09-02 html的RGB与CMYK + css的grid布局 + JS的输入类型选择器返回DOM元素 + 软技能的http3
2020-09-02 题目来源:http://www.h-camel.com/index.html
[html] HTML采用的是RGB颜色还是CMYK颜色?为什么?
RGB色彩模式,红绿蓝三原色。 网页设计常用
CMYK也成为印刷色彩模式,一种依靠反光的色彩模式,需要外界光源才能看到,常用印刷打印场景
[css] 你有使用过grid布局吗?说说你对它的理解
使用Grid布局非常简单,你只需要给容器(container)定义:display:grid,并设置列(grid-template-columns)和 行(grid-template-rows)的大小,然后用grid-column和grid-row定义容器子元素(grid-item项目)的位置。与flexbox布局类似,一开始项目的排列顺序并不重要,可以放置在容器的任何位置,这也使得你非常容易通过媒体查询重新排列你的项目。想象一下,当你定义整个页面的布局时,你只需要几行CSS就可以完成页面重排以便适应各种屏幕宽度,这得有多么神奇!
.container {display: grid;grid-template-columns: 100px 100px auto 100px 100px;grid-template-rows: 25% 100px auto;grid-column-gap: 10px;grid-row-gap: 15px;// grid-gap:<grid-row-gap> <grid-column-gap>;// justify-items: start | end | center | stretch(默认); 对齐方式
}
设置 container为网格布局,3个row宽为25% 100px auto; 5个columns的宽度分别为100px 100px auto 100px 100px,列间隔为10px 行间距为15px,间隔仅用于网络单元格间,不能作用在容器的边缘位置。
转自 https://www.jianshu.com/p/d183265a8dad
[js] 写一个js方法,输入指定类型的选择器(id,class,tagName)可以返回匹配的DOM节,要求兼容和性能
function getDom(selector) {var reg = /^(#)?(\.)?(\w+)$/img;var regResult = reg.exec(selector);var result = [];//如果是id选择器if (regResult[1]) {console.log("id")}//如果是class选择器else if (regResult[2]) {console.log("class")}//如果是标签选择器else if (regResult[3]) {console.log("tagname")}
}
[软技能] 说说你对http3的理解,它主要解决了哪些问题?
HTTP3通过更加底层的传输层来优化提高效率,使用TCP协议实现握手,但握手方式与http2不同。
HTTP协议 https://www.jianshu.com/p/dd9719c4c2c1
2020-09-02 html的RGB与CMYK + css的grid布局 + JS的输入类型选择器返回DOM元素 + 软技能的http3相关推荐
- RDKit | 基于RDKit(≥2020.09.1)的相似图绘制新方法
导入库 from rdkit import Chem from rdkit.Chem import Draw from rdkit.Chem.Draw import SimilarityMaps fr ...
- rgb红色范围_UI设计教程分享之RGB与CMYK色彩模式对比
合理运用色彩是每一个UI设计师都应该具备的基本技能,但对于UI设计新手却是说来容易做来难.怎样才能正确的使用色彩让作品更出众呢?接下来就给大家介绍下UI设计必知技术点之RGB与CMYK色彩模式对比. ...
- 阿里IOT 应用托管部署 (2020/12/02)
当前时间: 2020/12/02 阿里更新迭代比较快, 不能保证文档的参考价值有多大 --------------------------------------------------------- ...
- 2020年02月编程语言排行榜
2020年02月编程语言排行榜 最新 TIOBE 编程语言排行榜,关注编程语言动态 February Headline: Objective-C on its way out Objective-C ...
- RGB 和 CMYK 相互转换
Adobe 色彩 系统 RGB 和 CMYK 相互转换原理 为了说明 adobe 的 RGB 转换 CMYK 的过程,不得不先涉及到一些色彩转换 程序 方面的东西. CMYK_ADOBE_COLORS ...
- UI设计教程分享之RGB与CMYK色彩模式对比
合理运用色彩是每一个UI设计师都应该具备的基本技能,但对于UI设计新手却是说来容易做来难.怎样才能正确的使用色彩让作品更出众呢?接下来就给大家介绍下UI设计必知技术点之RGB与CMYK色彩模式对比. ...
- 为什么RGB 与 CMYK的差异,会有所不同?
RGB 与 CMYK 有什么区别 RGB 颜色模式用于设计网站和电视等数字通信.CMYK 颜色模式用于设计印刷通讯,如名片和海报. 这只是简单的区别.如果您有兴趣了解更多关于为什么这种差异很重要的信息 ...
- 图像的模式(RGB和CMYK)、通道(8位、16位、32位)分别有什么作用
近一段时间虽然很忙,但是有一个疑问一直困惑着我,那就是在制作图像时的RGB和CMYK模式以及分辨率的问题,今天忙里偷闲在网上找到了一些答案,算是明白了一些. 有好东西也不能自己独享,特发上来共赏. P ...
- HSI、HSV、RGB、CMYK、HSL、HSB、Ycc、XYZ、Lab、YUV颜色模型的区别
HSI.HSV.RGB.CMYK.HSL.HSB.Ycc.XYZ.Lab.YUV颜色模型的区别 HSV颜色空间 HSV(hue,saturation,value)颜色空间的模型对应于圆柱坐标系中的一个 ...
最新文章
- 你的企业在什么情况下需要人工智能?快来看看你需要具备哪些条件与能力吧!...
- 中国团队 Nature 新冠论文被指图片造假,科研论文不端“何时休”
- JMX之模型MBean
- BLE简介及连接过程
- FT到底值多少钱——再议Fcoin机制及估值模型
- LVM逻辑卷的管理--创建LVM、扩容,快照实战
- [SpringSecurity]框架概述
- linux如何运行synaptic,Linux_Ubuntu 7.04 Synaptic软件包管理器功能,Ubuntu的新立得软件包管理器(Syn - phpStudy...
- 使用系统调用pipe建立一条管道线_使用Unixbench对服务器综合性能打分及测试结果...
- Activity生命周期方法的调用顺序project与測试日志
- html基本标签练习
- 联想17TV语音遥控教程 语音点播更方便
- windows功能正在搜索需要的文件_拥有高效的搜索工具Everything,可以丢开Windows的搜索功能了...
- Discuz仿集思街淘宝客粉红色模板源码
- 产品经理常用的分析模型方法
- 词干提取(stemming)和词形还原(lemmatization)比较
- 关于el-dialog取消事件
- Google浏览器任务栏图标变白
- Oracle - 索引
- 【python 时间戳】python获取13位时间戳以及时间戳转换
热门文章
- 广东省计算机水平考试证书有效期,软件设计师证书有效期是多久?永久有效吗?...
- spring boot ajax post 前后端
- javaweb新闻发布系统源码
- Scala进阶之路-并发编程模型Akka入门篇
- xampp环境配置下出现的问题解决 — mysqli_real_connect(): (HY000/1045): Access denied for user ‘root‘@‘localhost‘
- DARPA2000超详细数据介绍
- Linux 杀死所有进程
- 华为base升级脚本
- SD卡引脚 电路图及工作原理介绍 .
- JVM学习笔记3_类加载器