1. 我们看到的网页是浏览器解析HTML文件呈现给我们的; 2. HTML是一种文本,给浏览器看的文本; 3. css是一种样式,写在HTML里面,规定了内容样式,如文字的颜色、大小等; 4. JavaScript是一种交互逻辑,写在HTML里面,规定了交互逻辑,如点击文字,文字由红色变为黑色; 5 ...
分类:
其他好文 时间:
2020-05-02 11:50:07
阅读次数:
35
加载静态文件 一个Web项目不仅需要HTML模板,还需要许多静态文件,比如CSS、JavaScript文件、图片和声音声。 在flask程序中,默认需要将静态文件存储在与主脚本(包含程序实例的脚本)同级目录的static文件夹中。 为了在HTML文件中引用静态文件,我们需要使用url_for()函数 ...
分类:
Web程序 时间:
2020-04-26 14:13:53
阅读次数:
280
转眼间2020年已经过去了一个月,在祈祷疫情尽快消散的同时,大家也不要忘了学习啊!众所周知前端开发是一个综合性比较强的编程工作,前端开发人员不仅需要一定的审美观和设计观,同时还需要精通诸如HTML、CSS、JavaScript等错综复杂的技术。因此,在前端开发工作中,借用一些开发框架往往能达到事半功倍的效果。今天的文章小渡为大家搜罗了数十款目前最受程序员欢迎的前端CSS框架,其中有的霸榜已久,也有
分类:
其他好文 时间:
2020-02-21 09:28:11
阅读次数:
67
学习总结:1.阅读github上的优秀开源代码 从最早的版本开始阅读,一层一层地阅读到最新版本,弄明白每次版本迭代的动机2.造自己的轮子 1)写小的组件 2)写框架 可从简单的UI、CSS框架开始写,再模仿vue、react写简版的框架来锻炼自己的能力 ps:可参考书籍《javaScript框架设计 ...
分类:
其他好文 时间:
2020-01-16 14:08:44
阅读次数:
105
1.HTML Basic 搭建网页结构 静态网页结构 2.Ajax异步数据请求 异步完成前后端的数据交互 3.项目1 mysql js nodejs html ajax 4.CSS3 美化HTML页面 5.Bootstrap CSS框架,响应式布局 6.项目2 使用Boot完成学子商城 二.web基 ...
分类:
Web程序 时间:
2019-12-21 22:25:39
阅读次数:
291
一、概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性,都可 ...
分类:
Web程序 时间:
2019-12-21 18:58:31
阅读次数:
129
》》推荐之视频链接 "渡一教育的html和css视频" "李江南老师的html css" 》》html框架和css框架 电脑端的css框架: "boorstrap" 手机端的css框架: "WEUI" icon图库: "阿里icon" 设计网站: "优设" 设计网站: "站酷" 设计网站: "our ...
分类:
其他好文 时间:
2019-12-13 23:53:05
阅读次数:
113
把响应式布局和动画放在一起写是因为他们有个共同点 符号 先讲讲响应式布局 响应式布局==曾经==非常的流行,这种布局方式可以做出一也兼容一切设备的页面,但是当页面的功能越来越多,css文件越来越大,兼容难度越来越大,js也会很难写,于是他们离开了历史的舞台, 如今流行的还是 ,pc用css适配实现, ...
分类:
Web程序 时间:
2019-12-13 23:19:50
阅读次数:
129
一、概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性,都可 ...
分类:
Web程序 时间:
2019-10-15 09:47:20
阅读次数:
111
@charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } html { font-size: 13px; } body { margin: 0; font-family ...
分类:
Web程序 时间:
2019-10-13 00:42:41
阅读次数:
162