CSS

文本溢出相关属性

溢出属性(容器的)

这里写图片描述

空余空间(了解)

这里写图片描述

省略号的表示

这里写图片描述

单行文本溢出

这里写图片描述


定位锚点

目的

这里写图片描述

定位语法

这里写图片描述

static

这里写图片描述

absolute

这里写图片描述

relative

这里写图片描述

fixed

这里写图片描述

定位元素的层级属性

这里写图片描述

包含块的概念和应用

这里写图片描述

锚点连接的语法和应用场景

这里写图片描述

透明写法

这里写图片描述

滚动字幕

这里写图片描述

元素类型的转换
盒子模型可通过display属性来改变默认的显示类型

1、display属性与属性值(18个属性值)
属性值:block/inline/inline-block/none/list-item

作用:块状元素和内联元素之间的转换

说明:各属性值的作用

1、block块状显示:类似在元素后面添加换行符,也就是说其他元素不能在其后面并列显示,或者就是让元素竖排显示

2、inline内联显示:在元素后面删除换行符,多个元素可以在一行内并列显示,或者就是让元素横排显示

3、当元素设置了float属性后,就相当于该元素具备块状元素显示的特点

inline-block行内快元素显示:元素的内容以块状显示,行内的其他元素显示在同一行 img、input

none系元素不会被显示

这里写图片描述

元素垂直居中

这里写图片描述

置换和非置换元素的概念

这里写图片描述


图片整合

这里写图片描述

图片整合优势
雪碧图

这里写图片描述


宽高自适应

这里写图片描述

宽高自适应的概念和使用

这里写图片描述

最小高度

这里写图片描述

过滤器的使用

下划线属性过滤器

这里写图片描述

important关键字过滤器

这里写图片描述

最小高度和高度自适应引发的兼容问题

元素具备最小高度的自适应

这里写图片描述

属性描述

这里写图片描述

伪对象选择符

这里写图片描述

自适应窗口(一屛页面的书写)

这里写图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值