CSS知识体系
2021-10-12 17:54:29 18 举报AI智能生成
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
使用负值
使用百分比值
继承
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
导航条
垂直导航栏
水平导航栏
行内
浮动
CSS 选择器
元素选择器
选择器分组
类选择器
CSS 多类选择器
ID 选择器
属性选择器
简单属性选择
根据具体属性值选择
属性与属性值必须完全匹配
根据部分属性值选择
子串匹配属性选择器
特定属性选择类型
后代选择器
子元素选择器
相邻兄弟选择器
伪类
语法
锚伪类
伪类与 CSS 类
:first-child 伪类
:lang 伪类
伪元素
:first-line
:first-letter
伪元素和 CSS 类
多重伪元素
:before
:after
CSS动画
animation
-webkit-animation
animation
0 条评论
下一页
