登录免费注册



CSS

首页  思维导图  详情



CSS

2020-05-22 14:59:49   0  举报





AI智能生成

css

css

CSS 前端开发网页设计

模版推荐

作者其他创作

大纲/内容

定位

float

left

right

display

block

inline-block

inline

overflow

position

absolute

relative

fixed

与父元素（或者浏览器边框或者本身）偏移的距离

right

left

top

bottom

vertical-align

边距

内边距

padding

top

left

right

bottom

外边距

margin

top

left

right

bottom

文本

color

direction

text-align

line-height

text-decoration

text-indent

text-shadow

text-transform

white-space

word-spacing

letter-spacing

元素隐藏

display:none

opacity:0

visibility：hidden

hidden=“hidden”

2D/3D转换

transform:

translate(1px,2px)

rotate(30deg)

scale(2,4)

skew(30deg,50deg)

过渡与动画

transition：

width

height

transform

div:hover

@keyframes

弹性布局

父元素

display:flex

子元素

排列方式

flex-direction

row

row-reverse

column

column-reverse

轴线对齐

justify-content

flex-start

flex-end

center

space-between

space-around

侧轴对齐

align-items

换行

flex-wrap

换行之后的行间距

align-content

单列设置侧轴对齐方式

align-self

写法

写在css文件中，然后html引入

写在html的style标签中

写在标签的style属性里

语法

选择器{属性名：属性值；}

选择器

id选择器：#id名

class选择器（类选择器）：.class名

标签选择器

多选选择器：多个选择器之间用逗号隔开

父子选择器：先选择父标签+空格+子标签

边框 border

color

width

style

solid

dashed

none

dotted

double

radius

字体

font-family

color

font-size

font-weight

背景(background-）

color

image

repeat

size

attachmen

position

 Collect

Get Started

CSS知识体系

 Collect

Get Started

发票前端

 Collect

Get Started

CSS

 Collect

Get Started

CSS













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

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

取消

确定

Document