star3175的博客

随着互联网技术的快速发展，加之智能设备的迅速普及,传统网站都已经逐渐向移动端转移和扩展,移动端web开发技术的掌握也显得尤为重要。移动端Web主要指运行在移动端（手机、ipad）的web页面, 因为具备HTML5特性也叫H5页面、Web App等。【H5页面、微网页、微站、wap站、webAPP】如:京东商城手机版，淘宝触屏版，苏宁易购手机版。

内容排版相关属性（color、font、line-height、text-align、text-indent、vertical-align）|---- /page 其他页面的css。|---- /page/pagename.css 单独某个页面的css。|---- /user/ 与用户相关的页面。|---- /page 其他页面对应的图片。

由于ie6-7不显示content内容，所以要添加标签兼容ie6-7（如：…兼容ie8需要将::after替换成:after。该方法适用范围广，但文字未超出行的情况下也会出现省略号，可结合js优化该方法。/*如果需要在省略号右侧增加更多的距离需要调这个*//* 文本强制不换行 *//* 溢出显示省略号 */给p::after添加渐变背景可避免文字只显示一半。/* 溢出隐藏 */2.1 、单行文本溢出显示省略号。2.2、多行文本溢出显示省略号。方法一：after实现。

背景被裁剪到内填充区域，在内容区、内填充区显示background-clip: content-box;背景被裁剪到内容区域，仅在内容区域显示。第一个值设置宽度，第二个值设置高度。contain:包含，等比例缩放背景图片到完整显示在盒子中，有一边到达边界就停止放大, 可能导致另一边留白 但是背景图可能在区域范围内铺不满（宽高给大点）背景被裁剪到边框区域，在内容区、内填充区、边框区域显示，默认值。不同的背景图像【逗号】隔开，也可以给不同的图片设置多个不同的属性（如背景位置，背景重复等）