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
vertical-align
baseline
sub
super
text-top
middle
text-bottom
%
z-index
number
相对定位
clear
both
none
行框和清理
CSS 样式
背景
background-color
background-image
background-repeat
repeat
repeat-x
repeat-y
no-repeat
background-position
center
百分数值
长度值
background-attachment
文本
text-indent
使用负值
使用百分比值
继承
text-align
值
justify
与<CENTER>区别
word-spacing
letter-spacing
text-transform
uppercase
lowercase
capitalize
text-decoration
underline
overline
line-through
blink
white-space
normal
pre
nowrap
pre-wrap
pre-line
direction
ltr
rtl
CSS 框模型
概述
子主题
内边距
padding
百分比值
边框
border-style
none(默认值)
dotted
dashed
solid
double
groove
ridge
inset
outset
border-width
定义单边宽度
top-right-bottom-left
CSS知识体系
Flex 布局
概念图
容器属性
flex-direction
row
row-reverse
column
column-reverse
flex-wrap
wrap
wrap-reverse
flex-flow
justify-content
flex-start
flex-end
space-between
space-around
align-items
stretch(默认值)
align-content
项目属性
order
flex-grow
flex-shrink
flex-basis
flex
align-self
stretch
CSS高级
对齐
水平对齐
对齐块元素
使用 margin 属性来水平对齐
使用 position 属性进行左和右对齐
跨浏览器兼容性问题
使用 float 属性来进行左和右对齐
尺寸
height
line-height
max-height
max-width
min-height
min-width
width
分类
cursor
display
float
visibility
导航条
垂直导航栏
水平导航栏
行内
CSS 选择器
元素选择器
选择器分组
类选择器
CSS 多类选择器
ID 选择器
属性选择器
简单属性选择
根据具体属性值选择
属性与属性值必须完全匹配
根据部分属性值选择
子串匹配属性选择器
特定属性选择类型
后代选择器
子元素选择器
相邻兄弟选择器
伪类
语法
锚伪类
伪类与 CSS 类
:first-child 伪类
:lang 伪类
伪元素
:first-line
:first-letter
伪元素和 CSS 类
多重伪元素
:before
:after
CSS动画
animation
-webkit-animation
0 条评论
回复 删除
下一页