CSS
关注
分享
扫一扫
每逢佳节掉三根.
要想技术提升那就得付出努力.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css浏览器兼容写法
* ， ie6,ie7可以识别； _和- ， ie6可以识别； !important ,表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级； -webkit- ，针对safari，chrome浏览器的内核CSS写法 -moz-，针对firefox浏览器的内核CSS写法 -...原创 2018-11-18 20:06:21 · 238 阅读 · 0 评论 -
菜鸟3分钟看懂flex布局
3分钟看懂flex布局 首先要有个容器，并设置display:flex;display:-webkit-flex;该容器有以下六个属性： 1 2 3 4 5 6 7 8 9 10 11 12 flex-direction (元素排列方向) row, row-re...转载 2019-02-21 14:45:59 · 798 阅读 · 0 评论 -
微信小程序之view布局
.wxml .wxss 几个不同效果是view的属性不同产生的 flex-direction: 决定是横还是竖 1>row：从左到右的水平方向为主轴(默认值) 2>row-reverse：从右到左的水平方向为主轴 3>column：从上到下的垂直方向为主轴 4>column-reverse：从下到上的垂直方向为主轴 ...转载 2019-02-22 13:53:16 · 7276 阅读 · 0 评论 -
CSS自适应布局分
自适应布局分两类：高度和宽度，方法有很多，我用三列布局举例，我就列几个通俗易懂的例子呗，懂了三列的，两列的原理一样，呵呵哒。 效果图如下：高度自适应——宽度自适应 1,高度自适应布局 原理就是把每个模块设置为绝对定位，然后设置中间自适应的模块的top和bottom属性的值分别为头部模块和底部模块的高，然后中间模块的高度就自适应了。代码如下： html代码...翻译 2019-02-25 09:46:32 · 331 阅读 · 0 评论 -
新手使用这个没问题flex布局
----------------------------- 弹性布局 ------------------------------------------------------ 1、定义弹性布局（父级上定义） display:flex; 如果说内核为webkit 的必须前面加上 -webkit-flex ---------------------------------------------...转载 2019-02-26 14:38:12 · 190 阅读 · 0 评论 -
简单响应式导航 适合菜鸟
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1.0"> <title>响应式-导航</title&...原创 2018-07-05 21:03:31 · 1012 阅读 · 0 评论