css
han_hanker
web前端菜鸟级,知识搬运工
展开
-
清除浮动造成的塌陷
转载于:http://less.bootcss.com/features/#features-overview-feature学习less过程中遇到的清除浮动造成的塌陷的css写法 (比较全且考虑了ie) less.clearfix { display: block; zoom: 1; &:after { content: " "; display: block;转载 2017-03-21 22:11:30 · 303 阅读 · 0 评论 -
float,clear
转载于:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,小菜没转载 2018-02-26 14:38:49 · 126 阅读 · 0 评论 -
利用flex实现图文混排
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="转载 2017-12-26 12:47:29 · 2142 阅读 · 0 评论 -
weui 学习less
minin.less/** Tencent is pleased to support the open source community by making WeUI available.* * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.* * Licensed under the转载 2018-01-10 17:27:25 · 1231 阅读 · 0 评论 -
手机端根据手机宽度设定高度(宽高相等)
html <div class="image-header"> <img :src="imgFoodUrl+food.image_path" alt=""> </div>css.image-header{ position:relative; width:100%; height:0;转载 2018-01-03 21:50:27 · 2639 阅读 · 0 评论 -
less && scss
less@col : #26a2ff; //设置默认颜色.border-1px(@color: @col, @w: 1px) { //scss中设置默认值 position: relative; &:after { display: block; position: absolute; left: 0; bottom: 0; width: 100转载 2018-01-11 14:10:49 · 1227 阅读 · 0 评论 -
用float和margin实现左右布局
用float和margin实现左右布局我一直使用的是float:left或margin来实现左右布局。看别人代码的时候发现了,用两者的特性实现布局的方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2017-10-19 17:03:24 · 1761 阅读 · 0 评论 -
HTML的footer置于页面最底部的方法
转载于:http://www.cnblogs.com/pinganzi/p/6383487.html方法一:footer高度固定+绝对定位<html> <head> <style type="text/css"> html{height:100%;} body{min-height:100%;margin:0;padding:0;position:rel转载 2017-05-26 16:24:12 · 12050 阅读 · 0 评论 -
使用flex图文混排
ps:全部在谷歌浏览器中测试经典的图文混排<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scal原创 2017-06-27 02:15:38 · 1443 阅读 · 0 评论 -
css元素如何垂直居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style> *{padding:0px;margin:0px} .wrapper{ position: relative;转载 2018-02-27 20:26:11 · 139 阅读 · 0 评论