随笔分类 - 前端 / 前端基础 / CSS
摘要：1. 介绍： JQuery是一个JavaScript库。极大简化了JS编程。 拥有强大的选择器支持，支持CSS1-CSS3几乎所有的选择器，及JQ独创的高级而复杂的选择器。 解决不同的浏览器的兼容问题； 代码简洁，功能强大，易于理解... 注入： JQuery官网：jquery.com 建议： 用旧
阅读全文
摘要：1. 介绍： 事件就是可以被JS侦测到的行为。 用户操作鼠标或键盘后，触发了JS事件，然后产生相应机制。 三要素： 事件源：事件被触发的对象，就是谁触发了这个事件； 事件类型：如何触发，什么事件；比如：鼠标点击，键盘按下 事件处理程序：通过一个函数赋值的方式完成。 推荐使用外部样式连接！ 2. Ev
阅读全文
摘要：CSS进阶-动画： https://www.cnblogs.com/warmNest-llb/p/17870720.html 练习1：图片盖住文字，当鼠标移到盒子范围，图片消失显示文字 代码： 1 /* 小练习：图片盖住文字，当鼠标移到盒子范围，图片消失显示文字 */ 2 /* 嵌套：div-->b
阅读全文
摘要：1. 动画 介绍：改变盒子在平面内的形态（平移、缩放、旋转、倾斜） 属性： 平移：transform：translate(值1 ，值2);(默认为X轴，translateY--下移) — —平移依然在原来文档流。 移动：transform：translate(值1，值2)；可右斜移动 代码： /*
阅读全文
摘要：本节重点： 弹性布局（弹性盒子） BFC布局/规范 CSS新属性，不包含边框和内边距 CSS3的拓展：普通盒模型，怪异盒子模型(IE) 在学习弹性布局前，我们学过Float 浮动 和 Position 定位，浮动会出现一些 ‘诡异’ 的事情，定位则用起来相对麻烦，弹性布局用起来就会很舒服。 1.弹性
阅读全文
摘要：css transparent 是一种全透明属性。当用在一个元素覆盖另一个元素时，想显示下面的元素，就用到了transparent属性。 代码： div{ width: 0; height: 0; /* 边框底部 */ border-bottom: 100px solid black; /* 边框左
阅读全文
摘要：link.css--连接外部样式表 1.文字样式： ①font-family：字体样式 ②font-style：文本的字体样式 属性：normal-正常 italic-斜体字样式显示 oblique-文字向一边倾斜（与italic类似，但不太支持） ③font-variant--以小型大写字体或正常
阅读全文
摘要：更多CSS进阶： https://www.cnblogs.com/warmNest-llb/p/17866954.html 1.背景介绍 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment：背景图像是否固定或者随着页面的其
阅读全文
摘要：1.介绍 css定位属性允许对元素进行定位改变其在页面的位置。 css有三种基本定位机制：普通流、浮动和绝对定位。 普通流的元素的位置由元素在html中的位置决定。 2.定位属性 设置偏移量：left、right、top、bottom（左、右、上、下） 3.定位方式 ①静态定位(static)：(很
阅读全文
