
CSS
旁观者lgp
生活步步是坎坷,笑到最后是大哥
展开
-
relative,absolute,fixed的区别及具体用法
内容来自阮一峰的博客http://www.ruanyifeng.com/blog/2019/11/css-position.html觉得比较通俗易懂,所以就复制过来了。relative、absolute、fixed这三个属性值有一个共同点,都是相对于某个基点的定位,不同之处仅仅在于基点不同。所以,只要理解了它们的基点是什么,就很容易掌握这三个属性值。这三种定位都不会对其他元素的位置产生影响,...转载 2020-04-06 19:49:49 · 4519 阅读 · 0 评论 -
uni-app中cover-view组件文字自动换行
cover-view{ word-break: break-all; word-wrap: break-word; white-space: pre-line;}原创 2020-02-12 21:49:17 · 3199 阅读 · 0 评论 -
小程序、uni-app开发中多张图片自动换行排列样式
display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: flex-start;效果图:原创 2020-02-08 18:28:58 · 5028 阅读 · 2 评论 -
更改input中placeholder的颜色
我们对input的color更改成其它颜色时,只会对input输入的内容进行赋值颜色,而placeholder还是默认颜色。我们可以这样对它控制:<style> input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /...转载 2020-02-02 16:14:45 · 620 阅读 · 0 评论 -
html中鼠标移动到相应位置变为变为不同图标
在style标签下的相应标签下写下如下内容(以div为例):div{ cursor:pointer;}原创 2020-02-01 15:35:59 · 867 阅读 · 0 评论 -
html中模糊背景的设置方法
在前端开发中我们经常会用到模糊背景:background: url('./blog/images/background3.jpg') center center no-repeat; z-index:-1; width: 100%; filter: blur(2px);把背景和内容分隔开,然后使用定位来让内容压着背景。其中需要注意的是其中的...原创 2020-02-01 16:26:08 · 8364 阅读 · 0 评论 -
CSS中position属性的用法
CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助,下面就进行详细介绍:定位分为静态定位,相对定位,绝对定位,固定定位这四种,定位有不同的参数,例如:left、right、top、bottom、z-index等。1、静态定位(static)一般的标签元素不加任何定位属性都属于静态定位,在页面的最底层属于标准流。2、绝对定位(absolute)绝对定位的元素从文档流中拖出,使用left...转载 2019-12-21 15:25:45 · 541 阅读 · 1 评论