cordova与css结合实现在android上透明状态栏兼容齐刘海等异形屏 3年前•围观热度 4989•前端仕锦 应该会有人觉得百度(google)有的东西为什么我会写出来?有我还写啥啊~手上有一个项目,是用cordova+vue的,这个不是重点,由于ios的app上架比较困难,所以优先上架android。因为习惯了在ios上透明状态栏的样式,在android上也想拥有。...
使用css3语法实现2个菜单左右靠拢 5年前•围观热度 2630•前端仕锦 好像这个标题看上去很容易的样子,但是并不是这样的。实现效果如图。右侧菜单的起始位置确定,但是宽度不确定,左侧菜单的必须靠这右侧菜单距离3像素。因为左右菜单宽度不确定,导致的一个问题是,无法计算左侧菜单的左侧偏移量或者是相对右侧菜单的右侧便宜了。修改了html结...
如何监听css并同步压缩css(初阶) 5年前•围观热度 2762•前端仕锦 一个项目如果使用一份css那么会导致css文件很大,网络上提供了不少的css压缩工具,但是都有一个问题,每次修改每次都需要手动执行压缩的过程。如何监听程序猿修改css,并自动压缩呢。这里用到的是gulp。nodejs的npm命令下载gulp,记得,项目和全局都...
html一些基础使用 5年前•围观热度 5655•前端仕锦 OK!接下来我们分别说这些元素的意义。首先,什么是块级元素?在html中<div>,<p>,<h1>,<form>,<ul>,<li>就是块级元素。(...
分享一个base.css的代码 5年前•围观热度 7217•朝圣言 base.css对于网页是很重要的,因为浏览器对每个标签的显示是不同的,必须通过resetcss进行统一样式的处理。除了统一样式,base.css网页风格也有统一的作用,甚至减少不必要且冗余的重复代码下面分享一个我用过的base.cssbody,h...
CSS3初识(标签篇)------vw&vh 6年前•围观热度 4763•朝圣言 在H5下,很多时候需要对某些DIV进行高度或者宽度的设置。这些高度是相对屏幕的。如果div宽度相对屏幕宽度或者div高度相对屏幕高度的百分比。这些都很好解决但是如果div宽度相对屏幕高度或者div高度相对屏幕...
初识属性pointer-events 6年前•围观热度 6170•朝圣言 在一个项目中,我为了一个特效,在一个链接前面加入一个半透明遮罩。为此,链接被遮罩挡住,导致无法成功点击到链接。那么有什么办法可以实现事件穿透呢。这里要说到CSS3,CSS3引入不少属性,也有不少属性是包含了JS的集合,比如常见的attr这个。对于以上事件,这样...
如何让网站变得体验更好 6年前•围观热度 4660•朝圣言 #字体:使用优质字体,能让阅读给为舒适,这个是最简单直接的却又是重要的体验之一。但字体不超过3种否则会显得杂乱。body的字体大小为最小16px。标题要大、粗,20至30像素,让它看起来“重”一些。#配色:一般设计理论上使用互补色或者三色组,不...
Html 中的id、 name、 class 属性的不同作用 6年前•围观热度 5499•前端仕锦 id的用途1)id是HTML元素的Identity,主要是在客户端脚本里用。2)label与form控件的关联,如<labelfor=&quo...
CSS3的学习--实现瀑布流 6年前•围观热度 4783•前端仕锦 基于CSS3实现瀑布流,使用CSS3的CSS多栏(Multi-column)。瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。我们只是实现了...
CSS3 渐变(Gradients) 6年前•围观热度 3409•前端仕锦 CSS3渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用CSS3渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐...