随笔分类 - CSS
摘要：input原来的样式就不在此赘述了： 下面看一下实际项目中用到的input输入框，同步绑定输入数据，实现输入框双向绑定（实际项目中使用的是vue框架）： html部分： 样式优化： 最后的效果： 另：补充linear-gradient()用法示例 css部分： html部分： 输出效果： 注：本文为
阅读全文
摘要：Grid布局全新的css网站布局 CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： <div clas
阅读全文
摘要：修改 Class 而不是 Style 我在不久前做过一个导航栏，要求其滚动到屏幕顶端后固定。很常见。开始的时候没问题，很快就可以搞定。 运行很流畅。 做好，我自然就忙着网页内容去了。没曾想，随着页面 JS 的不断增加，导航栏在固定时出现了可怕的闪动。 唔，就是 一下看得见 一下看不见 的东西！ 应该
阅读全文
摘要：今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 上面代码中，body选择器里面声明了两个变量：--
阅读全文
摘要：一，HTML部分 二，CSS部分 三，JS部分（重点）
阅读全文
摘要：一，jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播 jq(左右切换)</title> <style typ
阅读全文
摘要：CSS3重点总结(1)兄弟选择器：2种：+、 ~ 1.相邻兄弟选择器（+）：选择器1+选择器2 选择"选择器1"相邻的后一个兄弟"选择器2" 强调：选中的是自己相邻的下一个元素，不是自己 2.通用兄弟...
阅读全文
