- 博客(13)
- 收藏
- 关注
原创 实现三列布局
1:三布局中的左侧自适应,中间定宽,右侧自适应 .clearfloat{ zoom:1; } .clearfloat:after{ display:block; clear:both; content:""; height: 0;
2016-03-30 18:12:13 508
原创 实现两列布局中的一列定宽,一列宽度自适应
1:/*这种方法不能撑开父元素的高度*/(左边定宽,右边宽度自适应) 主要内容区域 次要内容区域/*清除浮动*/.clearfloat{ zoom:1;}.clearfloat:after{ display:block; content:""; height:0;
2016-03-30 16:10:21 513
原创 利用css实现两列等高的方法
1:利用负边距.container{ width:980px background: pink; overflow:hidden;}/*清楚浮动*/ .clearfloat{ zoom:1; } .clearfloat:after{
2016-03-30 11:00:30 1677 1
原创 高度和宽度不固定元素水平和垂直居中的实现(父元素高度和宽度固定)(完美解决兼容问题)
.parent{width:500px;height:400px;border:1px solid #ddd;borde-radius:10px;display:table;*font-size:400/1.14px;/*设置为父元素高度/1.14*/}.child{display:table-cell;font-size:14px;vertical-a
2016-03-29 19:19:49 909
转载 meta标签总结
1:针对移动设备最常用的在显示面积上手机屏幕相对桌面显示器要小很多,在几年前(现在也如此)大部分网站都是为桌面显示器浏览而设计,很少考虑到适应手机屏幕,所以如果用手机浏 览大多网站时会出现问题,比如常见固定宽度的网页会出现横向竖向滑动条,当然这不算什么大问题;但如果是浏览流动布局的网页那情况会非常糟糕,设想一个宽 度为30%的侧边栏对于320px手机屏幕而言也就96px,只能容纳8
2016-03-21 19:10:32 291
转载 css盒模型(由问题第一个子元素设置margin-top不起作用引发的新发现)
*{ margin:0; padding: 0; } .parent{ width:100px; height:100px; background: green; } .child1{ width:30px;
2016-03-21 17:39:44 713
原创 jquery实现图片自动轮播
这是自己以前实现的功能,在此和大家一起分享,以后多写博客咯,方便与大家共享知识,也为了自己可以更好的记忆。源代码: 前端练习 div.pictures{ width:500px; height:400px; overflo
2016-03-12 22:12:22 892
原创 解决IE6,7下display:inline-block;失效问题。
div { display: inline-block; *zoom: 1; *display: inline;}IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important;
2016-03-11 17:46:53 522
原创 入门第三篇(图片理论基础)
jpg格式:体积小,下载速度快,色彩多。缺点是有损压缩,不支持透明png格式:支持色彩少,无损压缩,体积比较大,png8支持256色,不支持alpha通道的半透明(透明或者不透明),png24支持alpha通道的半透明。gif格式:支持动态图效果,只支持256色,可透明,不支持半透,体积小,处理锯齿效果不好。svg格式:矢量图形,无损压缩。但是浏览器支持的效果不好,主要
2016-03-09 21:38:18 358
原创 清楚浮动的方式总结(第二篇)
1:利用br标签的clear属性清楚浮动在父元素中添加,同时需要为父元素添加{zoom:1;}解决IE浏览器的兼容性问题(haslayout)2:加一个清楚浮动的空标签 左浮动元素 右浮动元素 3:在父元素中添加{overflow:hidden;zoom:1;},会存在一些隐藏问题。4:在父元素中添加{d
2016-03-08 11:49:41 263
原创 开始学前端,从行元素和块元素区别开始(第一篇)
行元素:不会独占一行,宽度随着内容的变化而变化,对其设置宽度和高度无效,外边距(margin)和padding(内边距)的垂直方向无效,水平方向有效。只能嵌套行内元素。块元素:独占一行,宽度和高度有效,外边距和内边距都会起作用。能够嵌套行内元素和块元素。
2016-03-08 11:05:12 476
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人