css单位备忘录

最新推荐文章于 2024-08-10 21:02:05 发布
最新推荐文章于 2024-08-10 21:02:05 发布
阅读量209 收藏
点赞数
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51035283/article/details/125439929
版权

有时候忘记了是真的会谢，一篇css单位衡量备忘录发出来，大家可以参考一下，基础的东西太久不用真的会忘。

px

绝对高度

Rem

相对于根元素的字体大小

em

相对于元素的字体大小

%

相对于父元素元素

Vw

相对于视口的宽度

Vh

相对于视口的高度

vmin

相对于视口的较小尺寸

Vmax

相对于视口更大的尺寸

ch

相对于元素字体的字形“0”的宽度

In

英寸 1英寸= 2.54厘米= 96px

剑非出我心
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
CSS 备忘录-基础内容
@zhujj_的博客
06-30 691
1、CSS的基本结构1、CSS的基本结构包含在大括号内的一组声明被称作一个声明块。声明块前有一个选择器。选择器和声明块一起构成一个规则集。2、样式表的来源以及优先级浏览器默认的样式是用户代理样式表；作者样式表是我们开发者自己写的样式表，如果有相同的声明，则作者样式表将覆盖用户代理样式表中的声明。标记了!important的声明会被当做更高优先级的来源，很难被覆盖掉，应该尽量少使用。行内样式将直接覆盖任何样式表或来自标签的样式。3、选择器的优先级。
css备忘录
weixin_50545498的博客
02-21 106
css备忘录
CSS备忘录
web_hj的博客
07-17 124
CSS 及CSS3 样式 1.text-shadow 文本阴影 text-shadow: 5px 5px 5px #FF0000; 2.box-shadow 盒子阴影 box-shadow: 10px 10px 5px #888888; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 卡片效果 box-shadow 的顺序依次为: h-shadow v-shadow blur
css，html备忘录
de3597的博客
11-22 135
1.background:url()#000 ;代表当图片不够充满容器时，用黑色填满。 2.height:inherit;继承父级元素的高度。 当子元素给了绝对定位，父元素不给相对定位，子元素也能适配高度。 3.网上有在线excel表格转json数据。 4.对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合...
html5备忘录代源码,html5
weixin_28974441的博客
06-16 245
时间：2017-6-12作者：漫游分类： HTML5网站开发热度：2735°评论：0时间：2017-6-12分类： HTML5网站开发热度：2735°评论：0PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firef...
CSS备忘小记
记忆者的博客
07-23 81
css
html+css基础 - 个人备忘录
weixin_30265171的博客
08-31 93
//======================html部分===================//表现内容<meta http-equiv="Content-Type" content="text/html;charset=utf-8">创建一个css链接<link rel="stylesheet" type="text/css" href="css/css.css" /&g...
CSS3基础一篇完结（豪豪的备忘录）
haappaa的博客
10-19 1105
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. ​ 有时我们也会称之为 CSS样式表或级联样式表。​ CSS 是也是一种标记语言 ​ CSS 主要用于设置 HTML2.页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。3.CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮，让页面布局更简单。
项目练习——备忘录(增删改查)
qq_47443027的博客
07-13 708
我们先来设计最基础的功能，Todo List 一般用来记录备忘的，最简单的功能包括 (1) 新增一条备忘。 (2) 修改该条备忘。 (3) 选择/全选删除某条备忘。 (4) 将某条备忘设置成已完成。 (5) 快速删除已完成的备忘。.........
微信小程序-备忘录案例
04-08
开发者可以使用CSS选择器来选择并定制特定组件的样式，同时微信小程序还提供了特有的样式单位rpx，可以根据屏幕宽度自动适配，确保在不同尺寸的设备上都有良好的显示效果。 `JS`文件是备忘录的核心，它包含了用户...
微信小程序备忘录.zip
07-13
在备忘录应用中，可能用到的API包括获取用户授权（如存储权限）、网络请求（同步或异步上传/下载数据）、本地存储（保存备忘录内容）等。 5. **事件处理**：微信小程序支持多种事件，如点击、滑动等。通过绑定事件...
备忘录.zip
01-10
6. **样式设计**：WXSS类似于CSS，但有其特定的规则和扩展，如相对单位rpx可以根据屏幕宽度自适应，以及一些特有的选择器和属性。 7. **后端开发**：虽然小程序主要在前端运行，但通常需要与后端服务器进行数据交互...
微信小程序-备忘录源码.zip
04-24
6. **样式设计**：WXSS类似于CSS，但有其特有的特性，如尺寸单位rpx，响应式布局，以及一些特有样式属性。备忘录应用的视觉效果和交互体验将依赖于WXSS的合理运用。 7. **事件处理**：用户与小程序的交互通常通过...
微信小程序-备忘录小程序.zip
05-13
这个项目可能包含了实现备忘录功能的各种文件，如HTML、CSS、JavaScript（以及微信小程序特定的WXML和WXSS）等，以及必要的配置文件和图片资源。 1. **WXML**：微信小程序的标记语言，类似于HTML，用于构建用户界面...
css学习
polarisya的博客
08-07 205
【代码】css学习。
前端面试宝典【CSS篇】【5】
BDawn的专栏
08-06 185
CSS 选择器的优先级（也称为“特异性”或“specificity”）是指当多个 CSS 规则应用于同一个 HTML 元素时，哪个规则会被应用。CSS 的优先级机制确保了样式规则能够按照预期的方式生效。 在 CSS 中，一些属性是可以被子元素继承的，这意味着子元素会自动采用父元素的这些属性值。
使用tailwindcss轻松实现移动端rem适配
最新发布
felix_alone2012的博客
08-10 278
本示例节选自小卷全栈开发实战系列的《Vue3实战》，将演示如何用所支持的rem体系轻松实现一个仿b站移动端头部导航栏rem适配。
前端面试宝典【CSS篇】【4】
BDawn的专栏
08-06 488
盒子模型是 CSS 中用于描述 HTML 元素布局方式的一个概念。在 CSS 中，每个元素都被视为一个矩形盒子，这个盒子由几个不同的部分组成：内容区（content）、内边距（padding）、边框（border）和外边距（margin）。 box-sizing 属性是 CSS 中的一个重要属性，它用于定义元素的盒模型是如何工作的。 CSS Sprites（也称为 CSS 精灵或 CSS 雪碧图）是一种优化网页性能的技术，它将多个小图像合并成一个单一的大图像文件
前端制作一个备忘录
05-29
好的，制作备忘录的前端可以采用 HTML、CSS 和 JavaScript 进行开发。以下是一个简单的备忘录的前端代码示例： ```html <!DOCTYPE html> 备忘录 #memo { width: 300px; height: 300px; border: 1px ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

剑非出我心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值