![](https://img-blog.csdnimg.cn/78576b4bdd0441d3a116de574d91acaa.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web学习记录
文章平均质量分 56
创建人:王瑛
时间:2021-10-5
简介:web开发的学习记录,以及迁移部分之前云麓谷作业专栏的学习博客
中南大学苹果实验室
中南大学苹果实验室在2014年由时任张校长主持,苹果公司和中南大学共同出资建立的第一个本科生实验室。指导老师为可亲可敬的鲁鸣鸣老师。苹果实验室本着小而精而又开放的理念,每年面向全计算机院招收6-8名主动性强、动手能力高、热爱计算机专业而又负责任的大二学生。实验室在计算机范畴内不硬性规定研究方向,鼓励成员在学长经验的加持下自由探索自己的兴趣爱好与方向,这也造就了届届相似而不同+多点开花的现状。我们营造着良好的实验室学习与生活的氛围,崇尚劳逸结合,坚持在保证专业素质过硬的同时不忘体验生活的乐趣。欢迎各位加入苹果实验室的大家庭。
展开
-
使用flask时代码无报错自动结束,无法保持连接,访问不了url。
作者:cyl时间:2021.11.3一、错误描述在学习使用python轻量化web服务时,了解到flash库。但在执行一个入门级代码时出现问题:from flask import Flask #导入flash库app = Flask(__name__) #创建flash实例#使用app.route修饰词来定义一个url,意思是当访问此url时可以自动调用修饰符下面的函数(我个人当前的理解,不一定对)@app.route("/a")def testflash(): print("原创 2021-11-03 14:29:25 · 3058 阅读 · 2 评论 -
Plugin ‘in.1ton.idea.spring.assistant.plugin‘ failed to initialize and will be disabled.报错的解决方案
作者:cyl时间:2021.11.1一、本人遇到的错误描述在使用2021.2版本的社区版idea时,想要创建spring Boot项目,所以需要先安装Spring Assistant插件。然而在安装此插件的时候发现setting --> plugin 这个 地方搜索已经找不到Spring Assistant插件了,于是从官网上下载的压缩包 intellij-spring-assistant-0.12.0(在官网上写着这个版本时2019年5月的)但是在plugin中导入到idea以后出现到了原创 2021-11-01 14:55:06 · 7047 阅读 · 0 评论 -
HTML 单选按钮实现 (性别选择)(解读)
日期:2020-10-11问题:必须选中一个而且只能选中其中一个先看代码<p>性别: <input id="man" type="radio" checked="checked" name="sex"/>男 <input type="radio" id="woman" name="sex">女</p>其中 type="radio"代表是 这种原点形式的选择键checked="checked"为初始状态下默认选上两个input的name原创 2020-10-11 16:16:37 · 30229 阅读 · 1 评论 -
HTML <form>表单加外边框
作者:CYL日期:2020-10-11标签 form 表单 加框问题:现在 已有的HTML代码是 <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <原创 2020-10-11 15:32:20 · 18398 阅读 · 0 评论 -
sublime text(便捷版) 切换成中文
时间:2020-10-11标签:sublime 中英文切换应用:sublime便捷版1、下载好sublime并打开2、快捷键 Ctrl+Shift+P 弹出查找框3、输入Package 找到Package Control:Install Package (若没弹出来这一条提示 看一下文章底部的注释)4、点击Package Control:Install Package 并耐心等待大概1分钟?会弹出下一个搜索框(查找包的搜索框)5、输入Chinese 点击第一个就是汉化包 耐心等待原创 2020-10-11 01:24:05 · 3376 阅读 · 12 评论 -
sublime text(便捷版) 自动补全html 、!+tab无反应解决(完整教程)
作者:CYL日期:2020-10-11环境:sublime text 便捷版 已经安装好汉化包综述:如果是刚下载的sublime text 那么他缺少一个Emmet的可以自动生成HTML头的插件 同时版面右下角选的的文本需要是HTML 这样才可以按!+tab自动补全 下面是详细教程:先安装插件 再选中HTML一、Ctrl+Shift+P 弹出来检索栏二、输入 Package 找到 Package control:install Package三、点击Package control:in原创 2020-10-11 11:17:09 · 4353 阅读 · 8 评论 -
Github克隆仓库--创建分支--提交作业
日期:2020-10-24作者:19届WY标签:Git和Github的使用1、先点击 fork 仓库,项目现在就在你的账号下了在下载那里可以看到地址2、在本地文件夹中右键,选择Git bash here3、克隆仓库到本地,创建新分支克隆到本地打开文件夹新建分支——wy4、放作业打开clone下来的项目文件,找到对应文件夹如:招新小作业,在里面新建一个以自己名字命名的文件夹,并把作业放入其中。5、传作业执行git status命令查看本地仓库状态:原创 2020-10-24 20:55:09 · 765 阅读 · 2 评论 -
弹性导航条
日期:2020-10-11作者:19届WY标签:弹性导航条试一下用flex做一个w3school的一个导航条<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Doc</title> <!-- 引入reset.css用来清除浏览器的默认样式 --> <link rel="stylesheet" type="text/css"原创 2020-10-24 11:17:26 · 154 阅读 · 0 评论 -
CSS高度塌陷问题及三种解决方案
日期:2020-10-07作者:19届WY标签:高度塌陷问题,解决方案一二三一、高度塌陷问题在文档流中,父元素的高度默认是子元素撑开的也就是子元素多高,父元素就多高但是当为子元素设置浮动以后,子元素会完全脱离文档流此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷由于父元素的高度塌陷了,则父元素下的元素都会向上移动,这会导致页面布局混乱<style type="text/css"> .box1{ /*为box1设置一个边框*/ border:10px r原创 2020-10-07 03:54:55 · 1740 阅读 · 0 评论 -
CSS弹性盒子flex
日期:2020-10-12作者:19届WY标签:CSS弹性盒子,弹性容器的样式,弹性元素的样式一、弹性盒和弹性元素flex(弹性盒,伸缩盒)是CSS中的一种布局手段,他用来代替浮动来完成页面的布局flex可以使元素具有弹性,让元素可以随页面的大小的改变而改变弹性容器要使用弹性盒,必须先将一个元素设置为弹性容器我们通过 display 来设置弹性容器- display:flex 设置块级弹性容器- display:inline-flex 设置为行内的弹性容器弹性元素弹原创 2020-10-11 16:27:15 · 143 阅读 · 1 评论 -
HTML文档流&CSS中元素的浮动
日期:2020-10-06作者:19届WY标签:HTML文档流,CSS元素的浮动一、文档流:文档流处在网页的最里层——它表示的是一个页面中的位置我们所创建的元素都默认处在文档流中元素在文档流中的特点块元素1、块元素在文档流中会独占一行,块元素会自上向下排列2、块元素在文档流中默认宽度是父元素的100%3、块元素在文档流中的高度默认被内容撑开内联元素1、内联元素在文档流中只占自身的大小,会默认从左向右排列如果一行中不足以容纳所有的内联元素,则换到下一行继续自左向右。2、在文档流原创 2020-10-07 02:28:34 · 136 阅读 · 0 评论 -
CSS定位&元素层级&设置背景
日期:2020-10-10作者:19届WY标签:CSS中几种定位,元素的层级,设置背景一、定位定位:定位指的是将指定的元素摆放到页面的任意位置通过定位可以任意地摆放元素通过position属性来设置元素的定位可选值:static,默认值,元素没有开启定位relative:开启元素的相对定位absolute:开启元素的绝对定位fixed,开启元素的固定定位(也是绝对定位的一种)当开启了元素的定位(position属性值是一个非static的值)时,可以通过left,rig原创 2020-10-10 13:17:21 · 2155 阅读 · 0 评论 -
云麓谷高级作业
日期:2020-10-24作者:19届WY标签:云麓谷高级作业reset.css/* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, addr原创 2020-10-24 20:59:53 · 164 阅读 · 1 评论 -
CSS样式&内联&选择器&选择器优先级&伪类顺序
日期:2020-10-02作者:19届WY标签:CSS选择器相关内容一、CSS简介层叠样式表(Cascading Style Sheets):css可以用来为网页创建样式表,通过样式表可以对网页进行修饰层叠:将网页理解为一层一层的结构,层次高的覆盖层次低的css可以分别为网页的各个层次设置样式二、CSS的样式编写方式1、可以将css样式编写到元素的style属性当中font-size是设置文字大小将样式直接写到tsyle属性当中,这种样式我们称为内联样式 <原创 2020-10-03 00:05:40 · 2069 阅读 · 0 评论 -
CSS盒子模型——边框&内外边距&默认样式
日期:2020-10-02作者:19届WY标签:CSS盒子模型,边框设置,内外边距设置一、盒子模型1、盒子的大小使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度width和height只是设置盒子内容区的大小,而不是盒子整个的大小盒子可见框的大小由内容区,内边距和边框共同决定.box1{ width:100px; height:100px; /*设置背景颜色*/ background-color: #bfa;}2、为元素设置边框要为原创 2020-10-03 13:03:06 · 1241 阅读 · 1 评论 -
HTML文本标签&列表
日期:2020-10-02作者:19届WY标签:html文本标签&列表标签一、em和strong这两个标签都表示一个强调的内容,em主要表示语气上的强调,em在浏览器中默认使用斜体显示strong表示强调的内容,比em更强烈,默认使用粗体显示这两个标签可以单独使用,也可以一起使用<p>今天天气<em>针不戳</em>!</p><p> <strong> 如果你不认真上课,你就gg了 </stro原创 2020-10-03 00:06:21 · 1105 阅读 · 3 评论 -
CSS的文本格式化——长度单位&颜色单位&字体分类及样式&文本样式
日期:2020-10-02作者:19届WY标签:CSS长度单位,颜色单位,字体的分类,字体的样式,文本样式一、长度单位1、像素px像素是我们在网页中使用的最多的一个单位,一个像素就相当于我们屏幕中的一个小点,我们的屏幕实际上就是由这些像素点构成的。但是这些像素点,是不能直接看见。不同显示器一个像素的大小也不相同,显示效果越好越清晰,像素就越小,反之像素越大。2、百分比%也可以将单位设置为一个百分比的形式,这样浏览器将会根据其父元素的样式来计算该值使用百分比的好处是,当父元素的属性值原创 2020-10-03 00:06:35 · 346 阅读 · 0 评论 -
CSS内联元素的盒子&display属性&visibility&overflow属性
日期:2020-10-04作者:19届WY标签:CSS内联元素的盒子,display属性,visibility,overflow属性一、内联元素的盒子1、内边距内联元素可以设置水平内边距内联元素可以设置垂直方向内边距,但不会影响页面的布局2、内联元素可以设置边框,但垂直的边框不会影响到页面的布局3、外边距内联元素支持水平方向的外边距内联元素不支持垂直外边距<style type="text/css"> .s1{ /*内容区,内边距,边框,外边框*/ /*内原创 2020-10-04 17:44:35 · 184 阅读 · 2 评论