登录免费注册



CSS知识体系

首页  思维导图  详情



CSS知识体系

2021-10-12 17:54:29   18  举报





AI智能生成

css

css

模版推荐

作者其他创作

大纲/内容

CSS定位

定位概述

一切皆为框

概念

行框

行内框

定位机制

普通流

浮动

绝对定位

position 属性

static

relative

absolute

fixed

定位属性

position

top

right

bottom

left

overflow

visible

hidden

scroll

auto

inherit

clip

shape

auto

inherit

vertical-align

baseline

sub

super

top

text-top

middle

bottom

text-bottom

%

inherit

z-index

auto

number

inherit

相对定位

绝对定位

浮动

clear

left

right

both

none

inherit

行框和清理

CSS 样式

背景

background-color

background-image

background-repeat

repeat

repeat-x

repeat-y

no-repeat

inherit

background-position

center

top

bottom

right

left

百分数值

长度值

background-attachment

scroll

fixed

inherit

文本

text-indent

使用负值<br>

使用百分比值

继承

text-align

值

left

right

center

justify

inherit

与<CENTER>区别

word-spacing

letter-spacing

text-transform

none

uppercase

lowercase

capitalize

text-decoration

none

underline

overline

line-through

blink

white-space

normal

pre

nowrap

pre-wrap

pre-line

inherit

direction

ltr

rtl

inherit

CSS 框模型

概述

子主题

内边距

padding

长度值

百分比值

边框

border-style

none(默认值)

hidden

dotted

dashed

solid

double

groove

ridge

inset

outset

inherit

border-width

定义单边宽度

top-right-bottom-left

Flex 布局

概念

概念图

概念图

容器属性

flex-direction

row

row-reverse

column

column-reverse

flex-wrap

nowrap

wrap

wrap-reverse

flex-flow

justify-content

flex-start

flex-end

center

space-between

space-around

align-items

flex-start

flex-end

center

baseline

stretch(默认值)

align-content

flex-start

flex-end

center

space-between

space-around

stretch(默认值)

项目属性

order

flex-grow

flex-shrink

flex-basis

flex

align-self

auto

flex-start

flex-end

center

baseline

stretch

CSS高级

对齐

水平对齐

对齐块元素

使用 margin 属性来水平对齐

使用 position 属性进行左和右对齐

跨浏览器兼容性问题

使用 float 属性来进行左和右对齐

尺寸

height

line-height

max-height

max-width

min-height

min-width

width

分类

clear

cursor

display

float

position

visibility

导航条

垂直导航栏<br>

水平导航栏

行内

浮动

CSS 选择器

元素选择器

选择器分组

类选择器

CSS 多类选择器

ID 选择器

属性选择器

简单属性选择

根据具体属性值选择

属性与属性值必须完全匹配

根据部分属性值选择

子串匹配属性选择器

特定属性选择类型

后代选择器

子元素选择器

相邻兄弟选择器

伪类

语法

锚伪类

伪类与 CSS 类

:first-child 伪类

:lang 伪类

伪元素

:first-line

:first-letter

伪元素和 CSS 类

多重伪元素

:before

:after

CSS动画

animation

-webkit-animation

animation

 Collect

Get Started

植物工厂知识体系

 Collect

Get Started

马士兵知识体系

 Collect

Get Started

知识体系脑图

 Collect

Get Started

Web前端知识体系大全













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document