CSS三种引入方式、css定位、css 伪元素伪类的介绍

本文详细介绍了CSS的三种引入方式:行内样式、内部样式表和外部样式表,并探讨了CSS定位,包括static、relative、absolute和fixed四种定位类型。此外,还解析了CSS伪元素和伪类的应用,如伪元素的首字母、首行样式设置,以及伪类如:hover、:nth-of-type()等在不同场景下的使用示例。
摘要由CSDN通过智能技术生成

Css的引入方式一共有三种:行内样式、内部样式表、外部样式表

  • 行内样式

通过style属性引入css样式

示例:

 二、内部样式表

在style标签里面写css样式

示例:

 三、外部样式表

Css代码保存到外部的css文件中,html文件通过link标签引用该css样式表。

示例:

 四、规定元素的定位类型。

说明:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对定位或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

通过设置top bottom left right 四个属性值来决定偏移位置。值可以为关键词、百分比、绝对单位

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值