1.背景总结
属性 | 作用 | 值 |
---|
background- color | 背景颜色 | 预定义的颜色值/十六进制/RGB代码 |
background-image | 背景图片 | URL(图片路径) |
background-repeat | 是否平铺 | repeat/no-repeat/repeat-x/repeat-y |
background-position | 背景位置 | length/position 分别是x和y坐标,切记 如果有精确数值单位,则必须按照先x后y的写法 |
background-attachment | 背景固定还是滚动 | scroll/fixed |
背景简写 | 更简单 | 背景颜色、背景图片地址、背景平铺、背景滚动、背景位置 它们没有顺序 |
背景透明 | 让盒子半透明 | background:rgba(0,0,0,0.3);后面必须是四个值 |
2.font总结
属性 | 表示 | 注意点 |
---|
font-size | 字号 | 我们通常用的单位是px像素,一定要跟上单位 |
font-familly | 字体 | 我们直接复制就可以了,按照团队约定来 |
font-weight | 字体粗细 | 记住加粗是700或者bold,不加粗是400或者normal |
font-style | 字体样式 | 倾斜是italic 不倾斜是normal |
font | 字体连写 | 1.字体连写是有顺序的,不能随意更换位置2.其中字号和字体必须出现 |
基本语法格式如下:
选择器{font:font-style font-weight font-size/font-height font-familly}