随笔分类 - HTML5/CSS3
1
摘要：这次有个需求是在web首页添加分类菜单，一共是8个分类，在移动端水平展示，可以左右滚动。 最后在手机上微信浏览器看到是有个滚动条，非常影响美观。 主要通过以下代码实现水平滚动 那如何隐藏滚动条呢 ，有三种方式： 1、设置伪元素:: webkit scrollbar 但是这个只适用于Chrome，兼容
阅读全文
摘要：官网 http://font spider.org/ 安装 使用 hyheilizhitij(汉仪黑荔枝体简) 1.通过font face引入我们下载好的文件 2.使用自定义字体 3.执行font spider命令压缩字体 运行font spider命令 ，页面依赖的字体将会自动压缩好，原 .ttf
阅读全文
摘要：前言 checkbox和radio样式自定义在网页中是很常见的， 比如在进行表单输入时性别的选择，用户注册时选择已阅读用户协议。随着用户对产品体验要求越来越高，我们都会对checkbox和radio重新设计，checkbox默认的样式非常丑 ，无法直接修改checkbox和radio的样式，这里我们
阅读全文
摘要：flexible是淘宝提供的一套REM手机适配的库，用法也非常简单 首先，在页面中引入相关资源 包括flexible.js和flexible_css.js(用于清除默认样式)，或者通过cdn方式引入 然后通过实际的px大小/根元素font size的大小，就得到了rem的值，这里提供了一个subli
阅读全文
摘要：作者：fozero 声明：原创文章，转载请注明出处，谢谢！ "http://www.cnblogs.com/fozero/p/8331898.html" 标签：css
阅读全文
摘要：作者：fozero 声明：原创文章，转载请注明出处，谢谢！ "http://www.cnblogs.com/fozero/p/8331868.html" 标签：meta
阅读全文
摘要：如：url(images/background.gif)和 url("images/background.gif") 从安全角度来讲是要加上的 否则容易被xss 因为""意味着是字符串...但是不加引号的话..传过来的万一是);url("http://www.xss.xss")就把cookie什么的
阅读全文
摘要：CSS写在不同的地方有不同的优先级，一般 .css文件中的定义 Important优先级 //css .testClass{ color:blue !important; } 以上，在div上面设置了颜色为红色的内联样式，此时的优先级最高，但如果想要将字体颜色设置为蓝色 ，则需要添加!importa
阅读全文
摘要：nav ul只选择nav下一级里面的ul元素，例如上面dom结构里id为a的ul。 nav ul选择nav内所包含的所有ul元素，例如上面dom结构里面id为a、b、c的全部ul。 nav ul比nav ul限定更严格，必须后面的元素只比前面的低一个级别。
阅读全文
摘要：伪类就是可以通过直接添加一个类样式达到同等效果，而伪元素，则需要先添加一个元素，然后在元素上添加样式才能达到同等效果 伪类 :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接
阅读全文
摘要：CSS 布局经典问题初步整理 http://brianway.github.io/2017/05/18/css layout classical problems/
阅读全文
摘要：HTML编码规范 IE 兼容模式 IE 支持通过特定的 标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求，否则最好是设置为 edge mode，从而通知 IE 采用其所支持的最新的模式。 字符编码 通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好
阅读全文
摘要：2、输入框布局 3、悬挂式布局 4、圣杯布局 小屏幕时
阅读全文
摘要：CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所
阅读全文
摘要：爱编程爱分享，原创文章，转载请注明出处，谢谢！http://www.cnblogs.com/fozero/p/6187798.html 网页支持响应式布局的好处我就不说了，这里我通过写一个简单的网站导航来学习响应布局的开发 Meta标签定义 定义body中的结构 定义样式 查看效果图 可以看到导航已
阅读全文
摘要：爱编程爱分享，原创文章，转载请注明出处，谢谢！http://www.cnblogs.com/fozero/p/6187323.html 1、全部代码 2、显示效果图
阅读全文
摘要：随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的
阅读全文
摘要：使用3种方式实现下拉菜单效果： html/css 、js方法实现下拉菜单显示隐藏、jquery方法实现下拉菜单显示隐藏 先看效果图 第一种：html/css方式实现 第二种：js方法实现下拉菜单显示隐藏 1、首先为菜单添加鼠标悬浮、移除事件 2、定义js方法 第三种：jquery方法实现下拉菜单显示
阅读全文
1
