CSS
2020-05-22 14:59:49 0 举报AI智能生成
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
0 条评论
下一页
