yhbsww0523-CSDN博客

转载 css3实现图片横向无缝滚动的效果

之前实现无缝滚动大多结合js，如今有了css3，就简单多了。下面就一起看看实例吧。html代码： 1 2 3 4 5 1 2 3 4 5 css样式：*{margin: 0; padding: 0;}#wrap{width:

2017-12-21 13:41:39 24926 3

转载移动端meta设置项详解

在我们切移动端页面时，都会对页面做一些设置。这样做主要的作用是：避免浏览器自带的效果，影响页面的呈现效果。那么，有哪些内容需要我们在布局时，进行初始化呢？我们一起来看看。1、H5页面窗口自动调整到设备宽度，并禁止用户缩放页面属性介绍：width=device-width浏览器页面的宽度应该等于设备宽度。initial-scale 初始缩放比

2017-12-20 11:04:14 594

原创 css样式中 border的应用

在以往的工作中，border多数情况下是用来给盒模型加描边。而如今，可以用border制作各种小形状。1、三角形html代码： css代码：.box{width: 400px; height: 300px; background: #F3961C; position: relative; margin: 50px auto;}.in-box{position: absol

2017-12-05 17:30:25 551

原创 IE7下的兼容问题

1、在下面这个弹窗中，当里面的城市项碰到弹窗的边缘，就会出现折行的现象。解决办法：在城市项的样式里，增加不折行的属性（white-space: nowrap;)，这个问题解决了。2、在IE7下，上、下li之间有间距。这是一个搜索框联想部分的切图。可以看到，li之间出现的缝隙。解决办法：在li样式里增加vertical-align: bottom;属性。3、dis

2017-12-05 11:08:58 299

原创 calc的使用

最近在网上的一个例子中，发现运用了此属性。之前一直没有用过，也不知道是用来做什么。网上搜索，原来calc是css3的一个新增的功能。而且，这个属性4年前就在使用了。真是学海无涯呀。calc是英文单词calculate的缩写，有计算功能，可以动态设置元素的宽高。这里的计算跟我们以往的计算不同，它不能得出具体的值，而是一个表达式。例如：width:calc(100% - 10px)

2017-11-30 10:52:56 1201

原创移动端css样式设置

1、移动端字体定义body{font-family: Helvetica;}说明：在pc端，我们通常都会使用“微软雅黑”字体。但在移动端，ios、 android、winphone三大系统都没有“微软雅黑”字体。各手机系统都有自己的默认中文字体，且肉眼很难看出区别。所以在无特殊需求的情况下，直接使用系统默认中文字体就好。英文和数字都设定为 Helvetica，三种系统都支持。而且，在i

2017-11-29 15:46:17 7027

原创 css设置元素水平垂直居中的方法

看到标题，相信大家并不陌生。这个问题，经常会出现在面试题中。通常会要求面试者写出几种方法。那么，究竟有几种方法，每种方法的兼容情况如何，相信大家很少研究过。今天，我们就一起来看看。通常分为2中情况，已知元素的宽度或未知。我们先说说在已知的情况下，要如何设置。css设置元素水平垂直居中显示

2017-11-27 12:07:25 3469

yhbsww0523的博客