CSS基础

什么是CSS

在这里插入图片描述

发展史

在这里插入图片描述

快速入门

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

CSS的优势

在这里插入图片描述

四种CSS导入方式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

选择器

在这里插入图片描述

标签选择器

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

层次选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5.结构伪类选择器
在这里插入图片描述
在这里插入图片描述

属性选择器(常用)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

美化网页元素

为什么要美化网页元素

在这里插入图片描述

字体样式

在这里插入图片描述

文本样式

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

文本阴影和超链接伪类

在这里插入图片描述
在这里插入图片描述

背景图像应用和渐变

在这里插入图片描述
渐变
在这里插入图片描述

内外边距和div居中

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

圆角

在这里插入图片描述

盒子阴影

在这里插入图片描述

display

标准文档流
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

overflow和父级边框塌陷问题

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
对比
在这里插入图片描述

相对定位的使用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

绝对定位

在这里插入图片描述
在这里插入图片描述

固定定位

在这里插入图片描述
在这里插入图片描述

z-index

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值