移动端页面小bug

2019-04-04
阅读 2 分钟
2.8k
滑动时页面警告 {代码...} 解决方法 {代码...} text-align-last safari 不支持的解决办法 {代码...} {代码...} {代码...} iOS微信去掉底部返回横条问题 {代码...} input框自动填充内容背景颜色为黄色 {代码...} 设置letter-spacing文字不居中 设置letter-spacing间距和padding-left等值即可 {代码...} 安卓端底部按钮被...

前端常用小工具

2018-12-26
阅读 2 分钟
5.6k
移动端适配 rem & vw 计算工具[链接]css兼容写法生成器[链接]渐变在线生成[链接]图片在线无损压缩[链接]box-shadow ,text-shadow, text-stroke, transform在线生成[链接]小程序字体图标转换[链接]FeHelperFeHelper中文名为WEB前端助手,All In One的一个工具,包含多个独立小应用,比如:Json工具、代码美化、代...

tab 切换下划线跟随实现

2018-09-17
阅读 2 分钟
9.6k
HTML 结构如下: {代码...} 导航栏目的 li 的宽度是不固定的 当从导航的左侧 li 移向右侧 li,下划线从左往右移动。同理,当从导航的右侧 li 移向左侧 li,下划线从右往左移动。 设计思路 : 利用绝对定位,将 li 的伪元素的宽度设置为 0 在 hover 的时候,宽度从 width: 0 -> width: 100% 左移左出,右移右出 : 将下...

常用css3选择器

2017-06-22
阅读 5 分钟
7.9k
{代码...} {代码...} X + Y 相邻选择器 X + Y : 相邻兄弟选择器 选择匹配Y的元素,且该元素为所匹配X元素后面相邻的位置。 {代码...} X > Y 子选择器 X > Y:子包含选择器 选择匹配Y的元素,且该元素为所匹配X元素的子元素。 {代码...} X ~ Y 相邻选择器 X ~ Y: 选择所有后面的兄弟节点们 {代码...} X[title] 属性...

CSS display 属性详解

2017-06-02
阅读 8 分钟
28.1k
inline也是 CSS 1 提出的属性,它主要用来设置行内元素属性,设置了该属性之后设置高度、宽度都无效,同时text-align属性设置也无效,但是设置了line-height会让inline元素居中

CSS常见布局解决方案

2017-06-02
阅读 8 分钟
2.3k
水平居中布局 1.margin + 定宽 {代码...} 相必是个前端都见过,这定宽的水平居中,我们还可以用下面这种来实现不定宽的 2. table + margin {代码...} display: table 在表现上类似 block 元素,但是宽度为内容宽。 无需设置父元素样式 (支持 IE 8 及其以上版本)兼容 IE 8 一下版本需要调整为 <table> 3.inline-b...

纯 CSS 实现自适应正方形

2017-05-19
阅读 2 分钟
19.2k
CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度百分比的单位,1vw = 1% viewport width, vh 是相对于视口高度百分比的单位,1vh = 1% viewport height;vmin 是相对当前视口宽高中 较小 的一个的百分比单位,同理 vmax 是相对当前视口宽高中 较大 的一个的百分比单位...

常见BUG解决

2017-03-16
阅读 1 分钟
1.4k
img图片元素多余空隙bug 将图片转换为块级对像 {代码...} 设置图片的垂直对齐方式 即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决 {代码...} 改变父对象的属性 如果父对象的宽、高固定,图片大小随父对像而定,那麽可以设置: {代码...} 设置图片的浮动属性 {代码...} 如果要实现图...

JQ笔记

2017-02-24
阅读 7 分钟
1.7k
$(":first") 匹配第一个元素$(":last") 匹配最后一个元素$(":not(select)") 去掉不匹配的选择器元素$(":eq(index)") 在匹配的集合中选择索引值为index的元素$(":gt(index)") 选择匹配集合中所有大于给定index(索引值)的元素$(":even") 选择索引值为偶数的元素,从0开始计数$(":odd") 选择索引值为奇数的元素,从0开始...