css
oneblue123
这个作者很懒,什么都没留下…
展开
-
css精灵的使用
css精灵的使用 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。 在网页访问中,客户端每需要访问一张图片都会向服务器发送请原创 2017-06-05 11:22:09 · 1334 阅读 · 0 评论 -
移动web reset css
/* normalize.css */html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}body { margi原创 2018-02-07 12:53:08 · 492 阅读 · 0 评论 -
css flex实现经典的三栏布局
html>html lang="en">head> meta charset="UTF-8"> title>flex 三栏式布局title> style> *{ margin: 0; padding: 0; } .wrapper{ display: f原创 2018-02-06 15:47:41 · 5463 阅读 · 0 评论 -
css 双飞翼布局
原理:1. 三个盒子的都浮动 2.中间盒子套一个盒子(父元素),width=100%,铺满一行 3.左侧盒子margin-left=-100%;右侧盒子margin-right=-(右侧盒子的宽度)px,这样将三个哦盒子拉到一排上。 4.中间盒子的子元素margin-left:左侧盒子的宽度,margin-rig原创 2018-02-06 15:01:06 · 223 阅读 · 0 评论 -
css 圣杯布局
效果:左右定宽,中间自适应html>html lang="en">head> meta charset="UTF-8"> title>三栏布局--圣杯布局title> style> *{ margin: 0; padding: 0; } .container{原创 2018-02-06 13:06:37 · 205 阅读 · 0 评论 -
移动web开发(01)
模仿电商移动web首页效果如下: 具体代码如下:html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> title>移动站ti原创 2017-10-09 16:15:19 · 346 阅读 · 0 评论 -
native与h5交互
native与h5交互(一)我们自己写一个H5页面 放在assets目录下注意 : 如果html文件存于assets:则加前缀:file:///android_asset/如果在Sdcard直接使用file:///sdcard/ or file:/sdcard也可以 还有其他的交互方式,稍后的文章将会介绍~~~原创 2017-09-21 17:37:00 · 375 阅读 · 3 评论 -
基于jquery的轮播图(更加图片动态的添加)
1.html:div id="lb"> div class="img_list" id="img_list"> --> img src="http://img1.3lian.com/2015/a1/105/d/40.jpg" class="first_img"/> img src="http://img2.3lian.com/2014原创 2017-08-28 18:04:26 · 1448 阅读 · 0 评论 -
css3-flex(下)
css3-flex(下) 条目(flex item)的属性以下6个属性设置在条目(flex item)上。orderflex-growflex-shrinkflex-basisflexalign-self(1)order 默认是0 小的排在前面 大的排列在后面div class="container"> div原创 2017-09-20 14:39:08 · 263 阅读 · 0 评论 -
css3--flex
CSS3--flex(一) This is a important css3 layout ,espically,in mobile.so,we will introduce the using of flex layout. 1.容器的属性 (1)flex-direction A.flex-dir原创 2017-09-20 10:44:55 · 259 阅读 · 0 评论 -
css--京东小三角绘制
css--京东小三角绘制 效果图如下: 这样式的难道是绘制右侧的向下小箭头,“小箭头”可以用图片代替,比较简单,查看京东网页发现并不是图片,而是通过posion来实现的。 实现思路如下: show my code~~最后的效果图:很多网站都有类似的小箭头,尤其想京东这样的电商网站比如不需要图片原创 2017-06-09 16:40:25 · 684 阅读 · 0 评论 -
css权重计算小结
css权重计算小结原创 2017-05-22 14:38:31 · 465 阅读 · 0 评论 -
pc rest css
/* normalize.css */html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}body { margi原创 2018-02-07 12:56:17 · 304 阅读 · 0 评论