随笔分类 -  CSS

期中考试题
摘要：期中考试题 1 请写出一个符合 W3C 规范的 HTML 文件 要求 页面标题为「我的页面」 页面中引入了一个外部 CSS 文件，文件路径为 /style.css 页面中引入了另一个外部 CSS 文件，路径为 /print.css，该文件仅在打印时生效 页面中引入了另一个外部 CSS 文件，路径为 阅读全文
posted @ 2018-07-04 17:56 Nola 阅读(293) 评论(0) 推荐(0)
用 JS + LeanCloud 给网页添加数据库（留言功能）
摘要：记录给自己网页添加留言功能的过程。 使用工具： ，一个自带数据库和增删改查（CRUD）功能的后台系统。 1 在JS中引入 官方库 1. 在 注册并添加应用的步骤： —— （校验邮箱）—— （不用选什么直接点创建，当然有钱也可以点商用的，随便花，反正我没钱） 2. 安装SKD 在页面的右上角处点击 — 阅读全文
posted @ 2018-06-15 00:21 Nola 阅读(719) 评论(0) 推荐(0)
深度理解DOM事件（实例）
摘要：前言 通过如下两个实例来理解DOM事件 onclick与addEventListener的区别 1 实例1--点击别处关闭浮层 代码效果演示：原生JS 、 jQuery HTML代码 <div id="wrapper" class="wrapper"> <button id="clickMe">点我 阅读全文
posted @ 2018-06-01 20:44 Nola 阅读(371) 评论(0) 推荐(0)
CSS position display float 元素
摘要：内容待整理。。。 阅读全文
posted @ 2018-05-10 23:52 Nola 阅读(111) 评论(0) 推荐(0)
利用@keyframe及animation做一个页面Loading时的小动画
摘要：前言 利用@keyframe规则和animation常用属性做一个页面Loading时的小动画。 1 @keyframe规则简介 @keyframes定义关键帧，即动画每一帧执行什么。 要使用关键帧, 先创建一个带名称的@keyframes规则，以便后续使用 animation-name 这个属性来 阅读全文
posted @ 2018-05-08 21:20 Nola 阅读(5200) 评论(0) 推荐(0)
CSS多列布局（实例）
摘要：前言 1 一列布局 一列布局： HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>一列布局</title> </head> <body> <div class="head">head</div> <div cla 阅读全文
posted @ 2018-04-15 19:53 Nola 阅读(901) 评论(0) 推荐(0)
CSS中元素各种居中方法（思维导图）
摘要：前言 用思维导图的方式简单总结一下各种元素的居中方法，如下图： 补充一下： table自带功能 100% 高度的 afrer before 加上 inline block优化 div 装成 table margin-top -50% translate -50% absolute margin au 阅读全文
posted @ 2018-04-15 19:36 Nola 阅读(187) 评论(0) 推荐(0)
用CSS伪类制作一个不断旋转的八卦图？
摘要：前言 介绍一下如何制作一个不断旋转的八卦图。快速预览代码及效果，点击：八卦图 代码如下： 阅读全文
posted @ 2018-04-14 21:15 Nola 阅读(599) 评论(0) 推荐(0)