一、实现渐变功能 从红色背景变到绿色背景并提示 ...
分类：
编程语言 时间：
2019-10-05 00:47:36
阅读次数：
82
行布局 多列布局 圣杯布局 双飞翼布局 一、行布局 行布局垂直水平居中 注：这里没有用margin: 0 auto;先让它水平居中，而是使用了绝对定位布局，然后设置top:50%; left:50%;但是光设置这个还不够，因为这并不是水平垂直居中，因为它并没有考虑自身的宽度和高度，所以这里根据盒子本 ...
分类：
Web程序 时间：
2019-10-02 16:27:27
阅读次数：
89
tips： css中“>”是: css3特有的选择器，A>B 表示选择A元素的所有子B元素。 与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 .a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝； 一、浮动解决方案 代码： 二、绝对定位 ...
分类：
Web程序 时间：
2019-10-02 14:25:27
阅读次数：
129
一、水平垂直居中 方法1： 当前div的宽度和高度不确定，通过绝对定位，使用 transform: translate(-50%,-50%)，来移动子div的位置 transform: translate(-50%,-50%)：元素向左和向下平移自身长宽的50% HTML CSS 效果图 方法2： ...
分类：
其他好文 时间：
2019-10-01 10:05:53
阅读次数：
129
W3School 站点上的所有页面都采用了这种技术，如果您打开我们使用 CSS 文件，您会看到我们对页脚的 div 进行了清理，而页脚上面的三个 div 都向左浮动。 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水 ...
分类：
Web程序 时间：
2019-09-30 21:29:49
阅读次数：
117
水平居中和垂直居中 水平居中方法1（margin:0 auto）： 垂直居中方法1（table-cell + vertical-align:middle）： (以下因为在编辑器上截图显示不全,故只上代码) 水平居中方法2（绝对定位）： <div style="width: 300px ; heigh ...
分类：
其他好文 时间：
2019-09-29 23:29:51
阅读次数：
116
1 关于css实现水平垂直居中的一些方法： position:absolute; //绝对定位，一般父级元素采用relative来配合使用，如果父级没有定位，将把body标签作为父级定位来使用 用position和margin的方法来实现两个div盒子的水平垂直居中： html： css: <sty ...
分类：
Web程序 时间：
2019-09-28 23:43:37
阅读次数：
136
position:absolute和position:relative是两个html中常用到的样式，前者是绝对定位，定位基于最近的一个已经定位的祖先元素，如果没有找到，就基于根元素<html>进行定位，后者是相对定位，基于自身的位置进行偏移。 下面用几个简单的例子看看。 定义4个div。 <styl ...
分类：
Web程序 时间：
2019-09-27 10:21:15
阅读次数：
105
大致文字初略的记录描述一下问题：外层是relative相对定位，内部一个view 需要绝对定位bottom的值为128rpx,同时还要兼容适配苹果x的底部，所以值是这样设置的： bottom: calc(env(safe-area-inset-bottom) + 128rpx) 然而在安卓上bott ...
分类：
微信 时间：
2019-09-24 17:10:45
阅读次数：
435
最近做前端定位的时候被定位难住了，怕自己忘记整理一下，方便之后查看。 position 属性指定了元素的定位类型。 position属性的值s： static （静态定位） relative （相对定位） absolute （绝对定位） fixed （固定定位） inherit （继承定位） sti ...
分类：
Web程序 时间：
2019-09-24 16:01:57
阅读次数：
106
