background-size与背景图片填满div 在开发中，常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有...
网页制作css background-size与背景图片填满div研究包括cover contain属性测试
阅读全文
网页制作meta标签列表，先放代码再放注释
常用meta标签列表，为了加强记忆，ytkah采用先放代码再放注释的形式，献给有需要的朋友们 1 <meta charset="utf-8"> ↑↑↑ 设置页面编码为UTF8，防止乱码，需...
CSS文字左对齐、右对齐、居中对齐代码合集
css各种对齐代码，左对齐、右对齐、中间对齐、底部对齐、两端对齐等，代码简单，在此与大家分享： HTML#viewSource" title="view source">view source ...
网页制作前端设计师必须知道的10个重要的CSS技巧
对于一个初入门的前端设计师，在设计修改网站前端的时候，我们需要编写一些CSS、JS的内容达到界面效果。今天分享10个对于前端设计师来说重要的CSS技巧，这也是我在给许多客户做网站的过程当中总结出来的。...
网页制作纯CSS使用vw和vh视口单位实现自适应代码
移动端中利用rem的相对于根HTML进行改变，通过一段时间JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。 响应...
CSS清除浮动8种方法及优缺点
解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 下面总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解就可以了） 1.万能清...
CSS 不定宽高的垂直水平居中（最全 9 种方法）
垂直居中，在 CSS 中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊 9 种不同的居中方法。 有常见的 flex、transform、absolute 等等。也有 CSS3 ...
网页制作bootstrap nav-tabs组件如何让鼠标移动自动切换内容
bootstrap集成了很多功能，比如nav-tabs组件，可以将相似的内容集中在一个区块中展示。bootstrap tab切换默认是要点击才会切换的，如何实现鼠标移动就自动切换呢？如下图所示，光标移...
网页制作css骚操作 — 表单验证
效果图 原理 表单元素中，有一个pattern属性，可以自定义正则表达式（如手机号、邮箱、身份证..）；valid伪类，可以匹配通过pattern验证的元素；invalid伪类则相反，可以匹配未通过p...
网页制作CSS 负值技巧：outline-offset 实现加号和单侧投影
使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 使用负值 outline-offset 实现加号 假...