05 图片格式,css书写顺序和页面布局思路

228 阅读1分钟

常见图片格式

jpg

JPEG(JPG) 对色彩的信息保留较好,高清,颜色较多 , 产品类的一般是 jpg

gif

GIF 只能存储256色,但可以保存透明背景和动画效果,实际常用一些图片小动画效果

png

结合了 jpg和GIF的优点,具有存储形式丰富的特点,能够保存透明背景,若想要切成背景透明的图片,请选择png格式

PSD

是Photoshop的专用格式,里面可以存放图层,通道,遮罩等多种设计稿,对前端人员来说,最大的优点是 可以直接从上面复制文字,获得图片,还可以测量大小和距离

CSS属性书写顺序

  1. 布局定位属性
display / position / float / clear / visibility / overflow (建议display第一个写 , 关系到模式 )
  1. 自身属性
width / height / margin / padding / border / baclground

3.文本属性

color / font / text-decoration / text-align / vertical-align / white-space / break-word
  1. 其他属性(css3)

页面布局整体思路

  1. 确认 页面的可视区是多少
  2. 分析页面的行模块 ,以及每个行模块中的列模块
  3. 分析 一行中的列模块 的宽高,位置
  4. 先有结构,再写样式