CSS应用内容补充及小实例】的更多相关文章

一.clear 清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .clearfix:after{ /*善用after和defore*/ content: "111"; /*注意加引号*/ clear: both; dis…
Django 小实例S1 简易学生选课管理系统 第12节--CSS样式完善 点击查看教程总目录 作者自我介绍:b站小UP主,时常直播编程+红警三,python1对1辅导老师. 课程模块的逻辑代码到这里就已经全部完成了. 最后,我们完善下课程模块的样式. 1 - 优化课程主页布局 新建static/css/main.css如下 .main-content { width: 900px; margin: 0 auto; background: #e6e6f0; } .main-container {…
Django 小实例S1 简易学生选课管理系统 第8节--CSS样式优化 点击查看教程总目录 作者自我介绍:b站小UP主,时常直播编程+红警三,python1对1辅导老师. 前面的几节下来,用户模块基本功能已经完成了,但是网页的样式十分简陋. 所以这里需要对样式进行美化. 前端网页美化样式,需要使用CSS,没听过CSS的推荐阅读下 CSS 简介 CSS 语法 首先,需要在项目的static文件夹下,新建文件夹css用于存放css文件. 同时需要修改下设置,把这个css文件夹放到STATICFIL…
JavaScript 小实例 - 表单输入内容检测,对页面的增删改 效果体验地址:https://xpwi.github.io/js/JavaScript01/jsForm.html 功能: 1.向页面写入数据 2.删除页面数据 + 删除提示[确实]才删除 3.获取表单输入的内容,并简单验证 4.打开一个新的窗口 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&…
开头寄语: 这几天一直在看Django的form表单验证,然后想对于这几天要有个总结. 首先,先来看一下找到的一个form表单验证的流程: 验证过程 流程详解1. 函数full_clean()依次调用每个field的clean()函数,该函数针对field的max_length,unique等约束进行验证,如果验证成功则返回值,否则抛出ValidationError错误.如果有值返回,则放入form的cleaned_data字典中.2. 如果每个field的内置clean()函数没有抛出Vali…
前面讲了一部分的canvasAPI的基础知识,光看API的介绍确实是很无趣乏味,需要一点可以激发内心的激情的东西来激励自己来学习,于是就了伴随canvasAPI学习的小实例,这样通过API的知识,结合小实例的应用,就可以更好的去理解canvas的这些属性和方法,也可以激发自己创造canvas特效的灵感和感觉,恩恩,请叫我雷锋,不谢! 下面给大家带来的这里小实例很简单,是一个简易的绘图工具,先看看效果吧! 效果先描述一下哈:这里有一个canvas画布和几个按钮,canvas画布是一个画板,可以画任…
昨日内容回顾 1. 页面的布局 Vue中使用Bootstrap搭页面 1. 安装 1. npm install bootstrap@3.3.7 -S 2. 使用 1. import 'bootstrap/dist/css/bootstrap.min.css' 2. 组件的使用 1. 组件的定义 1. 新建一个xx.vue 2. 在里面定义三个区域(template.script.style) 3. export default { name: "Note", // 告诉别人怎么引用我…
jquery-1  jquery几个小实例 一.总结 一句话总结:jquery真的是简单加简便. 1.jquery中改变多个css属性怎么整? 可以链式连接方式,也可以大括号整多个.中间是键值对加引号的形式,和在css中写很像.css中写左边没有引号.右边也没有引号 64 function(){ 65 $(this).animate({ 66 'margin-left':'0px' 67 },500); 68 } 二.jquery几个小实例 toggle循环单击 <!doctype html>…
Django 小实例S1 简易学生选课管理系统 第5节--实现注册功能 点击查看教程总目录 作者自我介绍:b站小UP主,时常直播编程+红警三,python1对1辅导老师. 本文涉及到的新的额外知识点:Class-based views 没有这部分基础的读者,建议一边阅读本文一边查阅相关知识 这里推荐我的专栏:Django自学笔记 相关章节内容 1 添加注册页面模板(template) 在templates/user下新建register.html如下 <!DOCTYPE html> <h…
CSS进阶内容-浮动和定位详解 我们在学习了CSS的基本知识和盒子之后,就该了解一下网页的整体构成了 当然如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园 CSS的三种布局流派 网页布局的本质就是用CSS控制盒子的摆放来形成页面 CSS提供了三种流派来控制盒子: 普通流 浮动 定位 所谓普通流就是我们前面所学习的内容: 标签按照规定好的默认方式排序 块级元素独占一行 行级元素顺序排列,遇到父元素边缘换行 接下来让我们走进浮动和定位的世界 浮动 首先我们为什么需要浮动…