day04

1命名规范

 
页眉
容器 页脚

2.1背景

背景重复
background-repeat: no-repeat 显示1个|repeat-x 显示横向平铺|repeat-y 显示竖向     
background-position-x:横坐标方向的位置 background-position-y:纵坐标方向的位置
      传参 top,bottom,left,right,center;
背景简写
background-position:x y;

2.2背景简写

//background:color image repeat position位置
background: red url("images/icon1.png") no-repeat center center;

2.3背景吸附

style
background-attachment: fixed固定|scroll滚动;

2.4背景大小

背景大小
           background-size:x y;
           x--->width
           y--->height
           cover-->会覆盖整个div,  只能以大覆小

3.1文本颜色


3.2文本对齐

 

3.3字体


4链接


5列表


6表格

商城手机
JD苹果
Tmall小米
苏宁华为

商城
JD苹果
Tmall小米
苏宁华为

商城JD苹果
Tmall小米
苏宁华为

7轮廓

day04_第1张图片
01.png

8透明度

day04_第2张图片
02.png

你可能感兴趣的:(day04)