qq_34306228的博客

携程网热门推荐的更多福利模块制作，内容模块制作的html和css代码

背景渐变必须添加浏览器私有前缀起始方向可以是：方位名词 或者度数，如果省略就是topindex.cssindex.cssindex.css

flex-flow属性是flex-direction和flex-wrap属性的复合属性flex属性定义子项目分配剩余空间，用flex来表示占多少京东商城移动端首页的搜索框部分另外写法：而且盒子可以随着页面宽度变化而变化直接分成三份，其中一个占两份，剩下两个占各占两份：align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性，默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch数值越小，排列越靠前，默认为0

以下有6个属性是对父元素设置的在flex布局中，是分为主轴和侧轴两个方向，同样的叫法有：行和列、x轴和y轴flex-direction属性决定主轴的方向（即项目的排列方向）注意：主轴和侧轴是会变化的，就看flex-direction设置谁为主轴，剩下的就是侧轴，而我们的子元素是跟着主轴来排列的justify-content属性定义了项目在主轴上的对齐方式默认情况下， 项目都排在一条线(又称“轴线”上)。flex-wrap属性定义，flex布局中默认是不换行的该属性是控制子项在侧轴（默认

index.cssindex.css

在ps中用选区将所选区域选中，打开工具栏中的“窗口=>信息”会出现鼠标的x和y值，记录下来。在firework中里面把精灵图等比例缩放为原来的一半(也可以在ps中)注意代码里面的background-size也要写：精灵图原来宽度的一半。(根据大小 测量坐标)

【代码】移动端布局之流式布局1（百分比布局）

视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视觉视口和理想视口我们移动端布局想要的是理想视口就是手机屏幕有多宽，我们的布局视口就有多宽想要理想视口，我们需要给我们的移动端页面添加meta视口标签。