随笔分类 - css
about css more
摘要:<style type="text/css"> @keyframes shineRed { from {box-shadow: 0 0 5px #bbb; } 50% {box-shadow: 0 0 10px red; } to {box-shadow: 0 0 5px #bbb; } } @-w
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:*{touch-action: none;//清除系统默认的手势事件} 弹性布局 常用代码 display: flex; flex-direction: column; justify-content: center; flex: 1; flex-direction: column; align-i
阅读全文
摘要:CSS Sprite初探之原理、使用 CSS Sprite简介: 利用CSS Sprites能很好地减少了网页的http请求次数,从而大大的提高了页面的性能,节省时间和带宽。 CSS Sprites在国内很多人叫css精灵, 是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到
阅读全文
摘要:细节1 1.Chrome中文界面下会将小于12px的字体默认显示为12px,解决方法:在CSS中加入-webkit-text-size-adjust:none; 2.link可以加载除CSS以外的其他文档,@import只能加载CSS 3.IE下,可以使用普通方法获取自定义属性,也可以使用getAt
阅读全文
摘要:js 兼容问题 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"] 2. 集合类对象问题
阅读全文
摘要:1. 定义四种常用隐藏元素的方式,然后调用 jq 的 show 方法显示,观察各原先隐藏元素的 display 表现,结合 jq 源码,show 方法设置 元素 display 属性值为 隐藏时的 display <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要:相关文章 面试官:谈谈你对 CSS 盒模型的认识?(你确定会?) 做为前端开发者,你应该要懂的 http协议 前端面试:谈谈 JS 垃圾回收机制 图片优化让网站大小减少 62% Javascript 面试中经常被问到的三个问题! BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
阅读全文
摘要:1. 用户登录页面模板 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录页面模板</title> <meta content="width=device-width,initial-scale=1.0,maximum-s
阅读全文
摘要:1. 浮层弹层设置溢出隐藏; js控制滑动事件 2. 相关文章 弹出弹窗后,如何禁止底层的body滚动,适用于超长的页面(2018.11更新) 移动端弹出层滚动时禁止body滚动 深入研究-webkit-overflow-scrolling:touch及ios滚动 移动端设置了overflow:hi
阅读全文
摘要:1. 移动端开发 从零开始学习移动端Web开发 手机分辨率和webapp分辨率的关系 移动端适配之rem.js css适配不同分辨率屏幕 移动WEBAPP开发常规CSS样式总结 移动端页面开发的两种方式 H5移动端常用标签总结 html5的一些常用标签 微信页面开发 2. 常用插件推荐 移动端手势库
阅读全文
摘要:1. 推荐链接 RGB颜色值与十六进制颜色码转换工具 Web上16种基本颜色名称 WEB标准颜色 2. 个人常用 除了三原色,还有 #daf1ef#4DBCB0#ccc
阅读全文
摘要:1. css 可继承属性 1.1 font font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有
阅读全文
摘要:1.看法 不推荐使用:存在版权问题、字体文件过大问题、多浏览器兼容问题、潜在问题(比如应用上去了某些汉字会排列错乱) 2.用法 3. 参考链接
阅读全文