CSS

来源:互联网 发布:java随机数生成 编辑:程序博客网 时间:2024/06/07 06:15

文本溢出相关属性

溢出属性(容器的)

这里写图片描述

空余空间(了解)

这里写图片描述

省略号的表示

这里写图片描述

单行文本溢出

这里写图片描述


定位锚点

目的

这里写图片描述

定位语法

这里写图片描述

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关键字过滤器

这里写图片描述

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

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

这里写图片描述

属性描述

这里写图片描述

伪对象选择符

这里写图片描述

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

这里写图片描述

原创粉丝点击