08 2019 档案
摘要:一、利用:after伪元素制作 效果: 代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .trangle{ 8 width: 170px; 9 height:
阅读全文
摘要:分割线: 让span中的文字覆盖分割线,需要:给div和span设置同样的background-color,并且给span设置z-index。 接下来就是margin和padding的调整了。 效果: 代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta c
阅读全文
摘要:一、:root选择器 :root选择器==html元素,以下情况等效: :root{background:orange;} html {background:orange;} 二、:not选择器 示例一: 示例二:如form元素,想给表单中除submit按钮之外的input元素添加红色边框,CSS代
阅读全文
摘要:弹出层图片: 1、 弹出层由两个部分组成:灰色透明的遮罩、弹出框 2、 遮罩的宽高是整个屏幕的宽高,采用固态定位;而弹出框也采用固态定位。 3、 弹出框比遮罩层级高,且始终居中显示。 4、 使用场景:注册、登录;统一的消息提示框;减少页面跳转、刷新的一些操作。 实现代码如下: (1)html代码:
阅读全文
摘要:一、JQuery Ajax简介: Ajax是与服务器交换数据的技术,实现异步更新。 二、JQuery Ajax load()方法: JQuery load()方法从服务器加载元素,并将返回的数据放入到被选元素中。 语法:$(selector).load(URL,data,callback); 必需的
阅读全文