常用基础css样式快速记忆法

本文提供了一种记忆CSS样式的高效方法,将常用属性分为文字、背景、定位等类别,详细解释了如color、background-color、position等属性的使用,并介绍了padding、margin值的设置规则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

怎么去记忆

先分类

我们大体把常用的css样式分为:

文字类:color 颜色
font-改变字体各种样式的
font-size 字体大小
font-weight 字体粗细
font-family 字体(就是宋体,黑体啊这一类的)

背景类:background
background-color 开头表示背景 那后面是颜色,就是背景颜色啊
background-size 同理,这是背景大小
background-position : position是定位,那这就是背景位置咯
background-repeat : repeat重复 那就是背景是否重复

定位:position
分四个值,我们只用记三个分别记开头就好其它编译器补充,等到用多了,你就会发现,你已经把它记下了
position:a 对应绝对定位 absolute
position:r 对应相对定位 relative
position:f 对应固定定位 fixed

宽高就不说了,你肯定记得

盒子模型的
padding
margin
值的方式一样
单值为四边,双值:第一个是上下,第二个是左右。三值:第一个是上 第二个是左右 第三个是下。四值:从一到四分别为上右下左,顺时针的顺序。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值