移动端的自适应布局神奇—Flex Box(1)

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; -webkit-text-stroke: #000000} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helv...

2017-02-08 21:48:22

阅读数 5178

评论数 0

页面重构css技巧总结篇(8.1-8.5)

1.如何让文字在容器内垂直居中? (1)方法:为容器添加line-height属性,使得line-height的值等于容器的height。 (2)代码 无标题文档 .container{ width: 300px; height: 500px; margin: 50px; ...

2016-08-07 17:02:22

阅读数 1949

评论数 0

神奇的CSS技巧探秘——CSS绘制条纹背景

一、横向条纹 如下代码: background: linear-gradient(#fb3 20%, #58a 80%) 上面代码表示整个图片的上部分20%和下部分20%是对应的纯色,只有中间的部分是渐变色。如果让中间的部分逐渐缩小,当中间部分变为0即上下两种颜色的七点和终点相同是,就没有了渐变而...

2016-05-25 21:44:58

阅读数 9111

评论数 1

神奇的CSS技巧探秘——关于边框特效

一、半透明的边框实现        加入我们有这样一个需求:在一个背景图片的区域中,定义一个带有半透明白色边框的白色div。这个的实现方法最先想到的就是可以为边框定义透明度,代码如下: div{ background:white; border:20px solidhsla(0,0%,100%...

2016-04-25 21:29:43

阅读数 6331

评论数 0

CSS定位中的必须深究的常用技法

关于CSS定位,有人很多时候都是随便用用,符合自己的要求就行。但是CSS中的position等属性确实有很多需要认真考究的地方。 1.position:static static属性是position的默认值,也就是说,当一个元素没有为其设定position属性时,它的默认值就是static。...

2016-03-16 12:31:35

阅读数 1931

评论数 0

前端素材解析—利用linear制作复杂的边框效果

在网上看到一种利用linear-gradient属性制作绚丽边框效果的方法。首先给出代码,大家可以在自己的电脑中查看效果: .box { margin: 80px 30px; width: 20...

2016-03-05 17:36:08

阅读数 2027

评论数 1

CSS中flexbox的使用技巧及相关的移动web布局优化

Flexbox通常能让我们更好的操作他的子元素布局。 1、开始使用flexbox布局的方法,代码如下: footer{ display:flex; } 2、接下来为footer添加flex-flow属性: flex-flow:row wrap;   row表示按行显示,wrap设置当...

2015-09-18 19:04:09

阅读数 1106

评论数 1

bootstrap常用功能快速入门以及常见问题解决方案

1、图片轮播: 官网上的代码已经给的很清楚了,但是经常会出现问题。要做的很简单,首先引入jquery和bootstrap文件,再将官网上的html代码加上,最后加上一行js代码$('.carousel').carsousel();用于启动图片轮播,就可以了。 要注意的问题: (1)js文件引...

2015-08-29 14:38:00

阅读数 1064

评论数 1

提示
确定要删除当前文章?
取消 删除