【无标题】css基础

CSS引入方式

css引入分为外部引入,内部引入,内联引入三种。
内联引入权重为1000.大于外部引入和内部引入的权重。
内部引入和外部引入的权重相同,所以这两个同时出现的情况下,后来者居上(即在头文件里出现的先后顺序)。

常见样式

背景

背景色:background-color
背景图:background-image:url(地址);
背景大小:background-size(contain代表长边占满父级, cover代表短边占满父级)
位置:background-position:_ _😭 第一个值是水平位置,第二个值是垂直位置,center为居中)

文本

文本水平居中:text-align:center;
整体透明:opacity:.3
当line-height=height时,文本垂直居中
字体颜色:在这里插入图片描述
字体大小:font-size
常态字体16px,最小12px
行高,默认是字体大小的1.2倍数,字体是相对于行高来居中的,当不给高度的时候,是行高撑开了高度。
字体样式:font-family
字体粗细:font-weight(默认400,最大900,最小100)
字体间距:letter-spacing

常用选择器

通配选择器(匹配所有标签)
请添加图片描述
id
在这里插入图片描述

class
在这里插入图片描述

标签名
在这里插入图片描述

后代
在这里插入图片描述

群组选择器
请添加图片描述

子代选择器

请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值