![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html
文章平均质量分 88
那片世界那片海
一个萌新,望各位大佬多多指点
展开
-
【Semantic框架学习日志】(9)弹出窗口的使用
文章目录一、弹出窗口的介绍二、弹出窗口的基本用法三、弹出窗口的高阶用法(1) 卡片式交互型(2)弹出型菜单栏(常用)(3)搜索栏,下拉型选择框一、弹出窗口的介绍 弹出窗口在页面顶部显示其他信息。优点:弹出窗口的出现,可以使得页面交互更为直观和便捷,能够在第一时间给予用户响应,并告知用户一些信息以及需要干什么,极大方便了不同群体用户的使用,降低了使用的门槛。通过Semantic框架,弹出窗口更容易实现。二、弹出窗口的基本用法基本用法:利用Semantic框架中的css和js共同作用,实原创 2021-12-27 22:52:31 · 1069 阅读 · 0 评论 -
宠物护理的网页制作(html+css+js)
怎么说呢,本人前几天接到了同学的几个单子,说是帮忙做几个网页。说的是样式尽可能都不太一样,于是我千辛万苦,费了九牛二虎之力终于做出了6个样式不同的网站,我放一个我之前下载好的模板,经过自己的“改造”,摇身一变成为“高端”网页的网站,现把关键部分分享出来供大家学习和参考。1、网站的头部,导航栏部分这个部分好办,通过一些css样式来实现导航栏的一些选项是否选中html关键代码:<div id="header"原创 2021-11-16 11:49:05 · 2550 阅读 · 57 评论 -
使用Node.js和Express来搭建一个简单的服务器
前期准备Visual Studio Code做好的网页(html+css+js)Node.js Express怎样搭建首先你要下载Node.js并配置,为了节省时间,就不做配置了,发一个中文官方文档的传送门:http://nodejs.cn/下载配置完Node.js之后,新建一个文件夹打开文件夹 在文件夹中打开cmd方法:打开控制台 输入npm2.读入数据代码如下(示例):data = pd.read_csv( 'https://labfile.oss.aliyuncs.原创 2021-11-14 10:19:38 · 662 阅读 · 0 评论 -
【Semantic框架学习日志】(8)Card卡片式布局的使用
文章目录一、卡片式布局介绍二、卡片组件的基本语法三、卡片组件的高阶用法(1)可以动态变换的卡片(2)交互性(焦点式)输入框(3)加载中输入框(4)禁用输入框(5)错误提示型输入框(6)带图标型输入框(7)标签型输入框(7)动作型输入框一、卡片式布局介绍 卡片布局,顾名思义就是利用一种类似于扑克牌的方式对网页进行设计,使得网页图文并茂。看起来更加直观。优点:组件可以根据它们出现的屏幕大小响应性地调整其最大宽度,方便了响应式页面的开发二、卡片组件的基本语法基本引用如下:<div原创 2021-11-01 20:48:37 · 1002 阅读 · 0 评论 -
【Semantic框架学习日志】(7)segment的使用
文章目录一、组件的简单介绍二、组件的一些用法(1)标准输入框(2)交互性(焦点式)输入框(3)加载中输入框(4)禁用输入框(5)错误提示型输入框(6)带图标型输入框(7)标签型输入框(7)动作型输入框一、组件的简单介绍 通过输入框,实现用户与界面之间的交互。优点:组件可以根据它们出现的屏幕大小响应性地调整其最大宽度,方便了响应式页面的开发二、组件的一些用法(1)标准输入框<div class="ui input"> <input type="text" pla原创 2021-10-29 20:56:15 · 909 阅读 · 0 评论 -
【Semantic框架学习日志】(6)组件Input的使用
文章目录一、组件的简单介绍二、组件的一些用法(1)标准输入框(2)交互性(焦点式)输入框(3)加载中输入框(4)禁用输入框(5)错误提示型输入框(6)带图标型输入框(7)标签型输入框(7)动作型输入框一、组件的简单介绍 通过输入框,实现用户与界面之间的交互。优点:组件可以根据它们出现的屏幕大小响应性地调整其最大宽度,方便了响应式页面的开发二、组件的一些用法(1)标准输入框<div class="ui input"> <input type="text" pla原创 2021-10-25 22:06:22 · 247 阅读 · 0 评论 -
【Semantic框架学习日志】(5)组件Container的使用
文章目录一、组件的简单介绍二、组件的基本用法(1)基本容器(2)文本型容器(3)对齐式容器(4)流体容器三、组件的嵌套使用(1)与菜单布局使用,实现简单响应式导航栏效果(2)与网格,卡片等布局结合使用,实现卡片式列表效果(3)与片段布局结合使用,实现阴影卡片效果一、组件的简单介绍 容器是一种元素,旨在根据用户屏幕的大小将页面元素包含到合理的最大宽度。 这对于与其他 UI 元素(如 很有用 网格 或 菜单)结合使用 以将其宽度限制为合理的显示大小 。优点:容器旨在根据它们出现的屏幕大小响应性原创 2021-10-25 13:16:48 · 431 阅读 · 0 评论 -
【Semantic框架学习日志】(4)组件button的使用
文章目录一、组件的基本用法1.单类型(1)基本型(2)自带动画型2.多组型二、组件的拓展用法(1)Loading等待(2)社交图标+颜色型(3)可调节大小型(4)左右栏型(5)列表型(6)可适应流形(7)圆图标型一、组件的基本用法 Button按钮是一个必不可少的组件,几乎在每个页面中都会用到,在这里就给大家介绍几种比较常见的用法,依旧是干货。1.单类型(1)基本型<button class="ui button active">123</button> 效原创 2021-10-24 11:39:01 · 1573 阅读 · 0 评论 -
【Semantic框架学习日志】(3)布局的排列:Grid
前言 Semantic UI框架是前端的一个框架,最近在一直学习这个框架。从个人的感觉上来说,相比于其他框架,它的优势在于对于移动端页面和客户端页面的响应式布局,以及强大的UI组件库等。在页面组件设计上,它的组件灵活生动,不那么直板僵硬,冗余度和创造性较高。在语法方面,相较于前端其他框架,也容易上手理解。下面就是我的Semantic框架学习日志,虽然我的文笔有限,写的可能不太好,但我争取分享一些干货,也算是帮助大家一起学习共同进步。文章目录二、导航栏样式1.怎么使用semantic样式2.做原创 2021-10-08 13:59:35 · 673 阅读 · 0 评论 -
【Semantic框架学习日志】(2)从一个导航栏的故事说起
前言 Semantic UI框架是前端的一个框架,最近在一直学习这个框架。从个人的感觉上来说,相比于其他框架,它的优势在于对于移动端页面和客户端页面的响应式布局,以及强大的UI组件库等。在页面组件设计上,它的组件灵活生动,不那么直板僵硬,冗余度和创造性较高。在语法方面,相较于前端其他框架,也容易上手理解。下面就是我的Semantic框架学习日志,虽然我的文笔有限,写的可能不太好,但我争取分享一些干货,也算是帮助大家一起学习共同进步。文章目录一、导航栏的重要性二、导航栏样式1.怎么使用sema原创 2021-10-03 12:01:25 · 832 阅读 · 1 评论 -
【Semantic框架学习日志】(1)你好,Semantic UI
前言 **Semantic UI**框架是前端的一个框架,最近在一直学习这个框架。从个人的感觉上来说,相比于其他框架,它的优势在于对于移动端页面和客户端页面的响应式布局,以及强大的UI组件库等。在页面组件设计上,它的组件灵活生动,不那么直板僵硬,冗余度和创造性较高。在语法方面,相较于前端其他框架,也容易上手理解。下面就是我的Semantic框架学习日志,虽然我的文笔有限,写的可能不太好,但我争取分享一些干货,也算是帮助大家一起学习共同进步。 争取每日一更吧,希望各位大佬能够多多指点~原创 2021-10-03 10:28:12 · 1230 阅读 · 1 评论 -
一个简单的静态网页制作(html+css)
这是仿照中国高等教育学生信息网写的一个静态网页(参考2020年3月份的)这也是我当时辛辛苦苦写了几天的劳动成果,希望大家可以尊重。截图如下下面是主要的代码:<!DOCTYPE html><html><head><meta charset="utf-8"> <!--国际通用码--><meta name="viewport" content="width=device-width, initial-scale=1.0, minim原创 2021-06-03 15:41:33 · 24794 阅读 · 13 评论