css
关注
分享
扫一扫
梦想称为大佬
计算机在校学生
展开
-
CSS单位中的像素px详解，引申出＜meta name=“viewport“ content=“width=device-width,initial-scale=1.0“＞标签的作用
最近总是对css中的像素值px产生疑惑，打算查阅资料和文档解一下惑。像素 我们常说的像素分为物理像素和逻辑像素两种。物理像素 设备的物理像素，对于每台设备而言，他的尺寸是绝对的。 注意这里说的是对于每台设备来讲尺寸是绝对的，不同设备的像素密度不同，即单位面积的像素数量不同，这是由于技术的提升，使得显示器分辨率越来越高。屏幕尺寸不变，但是越来越清晰。即像素值越来越大。DPI（dots per inch）：像素密度，表示水平或垂...转载 2021-09-25 09:32:45 · 225 阅读 · 0 评论 -
html的script中使用ele.style获取元素样式全为空的原因
script中使用元素.style获取元素的样式的时候，只能获取到内联样式，通过style标签添加的样式无法获取（表现为空值）<style> .container{ background-color : black; }</style><body> <div class="container" style="color:red;"> </div></bod...原创 2021-09-06 20:34:08 · 684 阅读 · 0 评论 -
RGBA、ARGB和HEX颜色格式转换javascript实现
RGB指的是格式为（255，255，255）的颜色值A指的是透明度，大小在0-1之间RGBA是RGB+A ：（255，255，255，1）ARGB是A+RGB：（1，255，255，255）HEX是#FFFFFFFF格式，分别对应RGBA中的数值。原创 2021-09-06 18:44:24 · 4109 阅读 · 0 评论 -
margin为负值的对页面布局的影响
margin为负值的效果上结论属性 值 效果 margin-top 负值 元素向上拖拽 margin-left 负值 元素向左拖拽 margin-bottom 负值 元素本身不变，下边元素上移动 margin-right 负值 元素本身不变，右边元素左移 ...原创 2021-08-23 15:13:34 · 116 阅读 · 0 评论 -
使用CSS 画一个宽高比例16：9或其他的比例的盒子的一种方案
/*css代码 */ .container{ /*这个盒子用来承载16：9盒子 */ border: 1px solid black; margin: 0 auto; height: 300px; width: 500px; } .box{ /*16：9盒子 */ padding-top: 56.25%; /*这里利用了pa.原创 2021-08-23 14:39:37 · 2816 阅读 · 0 评论