常见图片格式
jpg
JPEG(JPG) 对色彩的信息保留较好,高清,颜色较多 , 产品类的一般是 jpg
gif
GIF 只能存储256色,但可以保存透明背景和动画效果,实际常用一些图片小动画效果
png
结合了 jpg和GIF的优点,具有存储形式丰富的特点,能够保存透明背景,若想要切成背景透明的图片,请选择png格式
PSD
是Photoshop的专用格式,里面可以存放图层,通道,遮罩等多种设计稿,对前端人员来说,最大的优点是 可以直接从上面复制文字,获得图片,还可以测量大小和距离
CSS属性书写顺序
- 布局定位属性
display / position / float / clear / visibility / overflow (建议display第一个写 , 关系到模式 )
- 自身属性
width / height / margin / padding / border / baclground
3.文本属性
color / font / text-decoration / text-align / vertical-align / white-space / break-word
- 其他属性(css3)
页面布局整体思路
- 确认 页面的可视区是多少
- 分析页面的行模块 ,以及每个行模块中的列模块
- 分析 一行中的列模块 的宽高,位置
- 先有结构,再写样式