css
2022-05-03 14:53:46 0 举报
AI智能生成
CSS初中高知识点梳理,一直更新
作者其他创作
大纲/内容
scroll
fixed
local
background-attachment固定
length
percentage
cover
contain
background-size 属性
padding-box
border-box
content-box
background-origin 属性
left topleft centerleft bottomright topright centerright bottomcenter topcenter centercenter bottom
x% y%
background-position
color
transparent
background-color
repeat
repeat-x
repeat-y
no-repeat
background-repeat
background-image
背景
line-height
left
right
center
justify
text-align
none
text-decoration
text-indent
h-shadow
v-shadow
blur
text-shadow
vertical-align
文本格式
无序列表 ul
有序列表 ol
列表
list-style-image
inside
outside
list-style-position
list-style-type
详情
border-style
border-width
border-color
单独边
border-radius
边框border
padding-top
padding-right
padding-bottom
padding-left
padding
内边距
标准
怪异
盒模型
inline
display
relative
absolute
static
z-index
定位
inline-block
后代选择器 (空格)
子选择器 (>)
相邻兄弟选择器 (+)
通用兄弟选择器 (~)
组合器
水平
垂直
导航栏
特异性
linear-gradient
radial-gradient
渐变
text-overflow
word-wrap
word-break
writing-mode
文本效果
@keyframes
animation-duration
animation-delay
animation-iteration-count
animation-direction
animation-timing-function
animation-fill-mode
animation
动画
transition-delay
transition-duration
transition-property
transition-timing-function
过渡
cursor: pointer;
resize: horizontal;
resize: vertical;
resize: both;
textarea { resize: none;}
resize
outline-offset
用户界面
all
print
screen
speech
CSS3 媒体类型
媒体查询
使用 width 属性
使用 max-width 属性
图片
background-size:span style=\
background-size: cover;
background-size
为不同设备准备不同图像
背景图像
width
max-width
在实例网页中添加视频
视频
响应式设计
简单选择器
属性选择器
伪类选择器
伪元素选择器
组合选择器
选择器
如果字体系列的名称超过一个字,它必须用引号,如Font Family:\"宋体\"
多个字体系列是用一个逗号分隔指明:
案例:p{font-family:\"Times New Roman\
font-family
字体大小的值可以是绝对或相对的大小
绝对大小
相对大小:
如果你不指定一个字体的大小,默认大小和普通文本段落一样,是16像素(16px=1em)
为了避免Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替像素
font-size
font-style
定义由细到粗的字符。400 等同于 normal,而 700 等同于 bold。
font-weight
字体
a:hover 必须跟在 a:link 和 a:visited后面a:active 必须跟在 a:hover后面
a:link
a:visited
a:hover
a:active
链接
th
border
border-collapse
td
tr
border-spacing
caption-side
响应式表格
列表table
auto
只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并
有父子关系的两个元素,同时使用margin-top或其他会出现塌陷情况,可以给父元素添加一个overflow:hidden
margin
外边距
min-witdh
witdh
max-height
min-height
height
高度与宽度
outline-style
outline-width
outline-color
outline
轮廓
visible
hidden
overflow
溢出
clear
浮动
要使块元素(例如 <div> )水平居中,请使用 margin: auto;
居中对齐文本
居中对齐图像
position: absolute;
float
左和右对齐
使用 position 和 transform
Flexbox
垂直对齐
对齐
opacity
不透明度
精灵图
四个值
三个值
两个值
一个值
圆角 border-radius
box-shadow
阴影
translate
rotate
transfrom-origin
scale
2D转换
perspective
rotate3d
transform-style
3D转换
scale-down
fill
object-fit
column-count
column-gap
column-rule-style
column-rule-width
column-rule-color
column-rule
column-span
column-width
多列
var() 函数的语法
局部变量
变量
display: flex;
column
column-reverse
row
row-reverse
flex-direction
wrap;
nowrap
wrap-reverse
flex-wrap
flex-start
flex-end
space-around
space-between
justify-content
span style=\
stretch
baseline
align-items
align-content
flex
flex-flow
order
flex-grow
flex-shrink
flex-basis
align-self
flex子元素
css
针对标准盒模型而言:不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度
这些都是给父级元素添加的属性
0 条评论
回复 删除
下一页