css
文章平均质量分 88
时清云
自强不息,厚德载物;日拱一卒,功不唐捐;海纳百川,有容乃大。这世上没有最强的人,只有想变强的人,做一个简单真实的自己。
展开
-
在ios上z-index不起作用问题的总结
最近在维护一个H5老项目时,遇到一个问题,就是在ios上z-index不起作用,在安卓上样式都是好的。项目的架构组成是vue2.x + vux + vuex + vue-router等用的UI组件库是vux在页面中有一个功能点,就是点选择公司列表的时候,会出现这个页面上面浮现一个a弹框页面,这个a弹框页面里面有搜索框,可以输入公司名进行搜索,然后出现公司列表,点击其中的一个公司,就算进行选择了。主要是基于vux这个UI组件库的特性造成了这个问题;基础代码如下:原创 2024-01-11 18:01:45 · 1486 阅读 · 0 评论 -
rem在项目中的具体使用分析
移动端都是要做屏幕适配的,下面我们来看一下rem在项目中是怎么具体运用的以及它的详细原理。之前项目中用的是<script src="/static/js/flexible.js"></script>现在<script src="/static/js/zbui.flexible.js"></script>是对flexible.js做了一个压缩和精简。下面分析一下zbui.flexible.js的具体实现。! function(e) { var原创 2020-10-30 16:43:52 · 2722 阅读 · 2 评论 -
项目总结-关于字体加粗问题
近期,在开发一个h5页面的时候遇到了这样一个关于文字加粗的问题,我设置了 <p style=“font-weight :600;”>100万代金卷</p> 结果在安卓手机上 100加粗了,‘万代金卷’却没有变化,ios手机上都是加粗的。why?难道还存在兼容性问题?...原创 2019-07-15 22:13:33 · 11516 阅读 · 4 评论 -
calc()的使用
之前对于calc()接触的很少,也很少用,但是真正接触之后发现,这个用处还不小原创 2019-06-25 21:42:14 · 2602 阅读 · 0 评论 -
项目总结设置元素的多个背景图和background的运用
其实我们在项目中经常遇到这种场景一个元素或者一行会有多个图标展示,之前我的做法就是每个图标用 span标签然后给它加一个背景或者是直接用img标签加载。不过css3新出了这样一个功能,就是一个元素可以设置多个背景图,而且可以分别给每个背景图设置大小和位置,这样的话就可以在一个元素里面设置任意位置,任意大小的背景图(有点夸张了)。好了,前期介绍完了,开始用代码说话了background 简写属性...原创 2018-11-22 15:29:35 · 2384 阅读 · 1 评论 -
项目总结(关于css中的class类在html中显示的时候被覆盖的问题)
今天在做需求的时候出现了这样一个问题,&amp;lt;div class=&quot;apply_text&quot;&amp;gt; &amp;lt;div class=&quot;apply_head&quot; *ngIf=&quot;applyrecordlist.productType!='205'&quot;&am原创 2018-08-29 21:30:17 · 1674 阅读 · 0 评论 -
关于单行和多行文字溢出用省略号表示
实现单行或多行文本溢出后隐藏并显示省略号最近写项目遇到一个关于文本溢出隐藏并显示省略号的问题通过查询文档以及阅读了一些博文之后获益不少,特此记录:1.单行文本溢出隐藏:当文本长度超出一行的宽度时,会自动隐藏溢出文字并且最后显示’…’提示用户。实现方法:纯css样式:复制代码 p{ text-overflow: ellipsis;//必须 white-space: ...转载 2018-03-14 21:45:53 · 473 阅读 · 0 评论 -
HTML文本框录入字母自动大写
今天在项目中遇到了这样一个问题,让输入时在输入框显示大写,于是就百度了一下,顺便总结一下。在HTML中将输入的字母转变为大写,方法有两个:方法1:使用JS。在html标签中添加onkeyup方法,使用JS将字符转为大写。[javascript] view plain copy转载 2017-12-06 21:24:09 · 5228 阅读 · 0 评论 -
项目总结
最近由于项目比较紧也没有时间去整理自己的思路。由于之前自己的css样式不是很好,通过这个项目也历练了不少,所以就此机会去总结一下。1.max-width/max-height,.设置了max-width属性说明这个元素的最大宽度为max-width的值,但是不足这个最大宽度值的时候呢?不足宽度值的时候,这个元素的实际宽度值就是宽度值。设置max-width属性主要是为限制一个元素的宽度,当超出原创 2017-10-14 19:30:13 · 263 阅读 · 0 评论 -
css的伪类和伪元素
今天突然有人问我伪类和伪元素的区别,我想了想说:伪类前面有一个冒号,伪元素前面有两个冒号。然后我笑了,因为我只知道那么多区别,平时大部分都是使用伪元素after和before多些。然后今天就百度了一下,并且总结一下。1.什么是伪类? 什么是伪元素?(1)、两者的定义:伪类:伪类一开始单单只是用来表示一些元素的动态状态,典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围,使其成...原创 2017-10-19 20:34:36 · 498 阅读 · 0 评论 -
关于css的margin塌陷现象
由于偶然翻到了以前的笔记,记载的正好是css的margin塌陷现象。于是有了写在知乎上与大家分享讨论的想法。在标准文档流中,竖直方向(记住是竖直方向,左右方向的不会出现塌陷现象)的margin会出现叠加现象,即较大的margin会覆盖掉较小的margin,竖直方向的两个盒子中间只有一个较大的margin,这就是margin的塌陷现象。margin的塌陷现象分两种情况:1,兄弟关系的原创 2017-03-10 15:21:10 · 2374 阅读 · 0 评论 -
用 CSS 实现元素垂直居中,有哪些好的方案?
水平居中方案:水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置 左右 margin 值为 auto3、不定宽块状元素a:在元素外加入 table 标签(完整的,包括 table、tbody、tr、td),该元素写在 td 内,然后设置 margin 的值为 autob:给该元素设置 displa:inine 方法c:父元素设置原创 2017-08-14 23:34:50 · 530 阅读 · 0 评论 -
CSS outline-style 属性
实例设置outline的样式:p {outline-style:dotted;}尝试一下 » 在此页底部有更多的例子。属性定义及使用说明outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围。outline-style属性指定outline的样式。默认值:none继承转载 2017-03-27 23:13:39 · 931 阅读 · 0 评论