移动端列表样式css3 移动端样式库

css和css3的区别

1、首先可以确认一点的是，CSS3和CSS本质上是一样的，都是层叠样式表，但两者又有很大的区别，或者说CSS3是CSS的升级补充版本。

成都创新互联公司为客户提供专业的成都做网站、网站制作、成都外贸网站建设、程序、域名、空间一条龙服务，提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、移动网站建设等网站方面业务。

2、CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。

3、CSS1：1996年12月，CSS1（CascadingStyleSheet，level1）正式推出。在这个版本中，已经包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box的相关属性等。

常用重要CSS样式的属性

1、float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。float属性定义元素在哪个方向浮动。

2、首先新建一个 常用的css属性.html 文件，如图所示。输入HTML5的结构代码，将title标签里面的内容修改成：常用的css属性，如图所示。color：设置文字颜色（前景色），如图所示。

3、使用animation动画属性，最重要的就是配合有“关键帧”——@keyframes 样式设置如下：这样的设置，就是将1s分为3帧，每帧显示不同的背景颜色，然后动画效果只显示1次。

CSS3布局方式有哪些?

1、常见的页面布局方式：表格布局、DIV+CSS布局、框架布局。表格布局：用来显示较多的数据，如OA系统、ERP系统或CRM系统。（一般用在局部）DIV+CSS布局：相对来说最灵活的布局方式，完全实现内容和样式的分离。

2、六种布局方式总结：圣杯布局、双飞翼布局、Flex布局、绝对定位布局、表格布局、网格布局。圣杯布局是指布局从上到下分为header、container、footer，然后container部分定为三栏布局。

3、弹性盒模型布局flex 这种布局方式是通过css3新增的一些辅助布局的样式属性来制作布局的方式。rem布局 rem是一种相对长度单位，通过这个长度单位可以实现元素宽高等比例缩放，从而完成不同宽度屏幕的适配。

4、CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

我在做移动端时遇见的css问题

1、，设置html，同时还设置body的字体大小，目的是为了兼容。不同浏览器确实支持的不一样。

2、问题 ：正常情况下是没有问题的，但是在ios12以下的系统会出现点击放大后马上又缩小的问题，且问题只出现在点击的那个‘卡片’， 滑动切换其他的都正常。

3、如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px，所以在高清瓶下看着1px总是感觉变胖了。