1px
  • 2024-07-02CSS-文本样式,列表样式,其他样式
    color为字体指定颜⾊font-style⽤于打开和关闭斜体⽂本font-weight为字体设置粗细程度font-size为⽂字指定⼤⼩font-family为⽂字指定特殊的字体,浏览器只会使⽤浏览器可以访问到的字体webFont⽹络字体text-decoration设置或者取消⽂本修饰text-align⽂字排列⽅
  • 2024-07-01HTML-CSS练习2
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><style>/*#boxul{width:500px;height:100px;list-style
  • 2024-07-01HTML5+CSS3集训(15)
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><style>*{margin:0;padding:0;}.q1{border:1pxsolidblack;bac
  • 2024-06-15div+css布局实现个人网页设计(HTML期末作业)
  • 2024-06-13uniapp 随笔 各位同学如果uniapp有问题,请留言,我有时间,我会去做一下,将解答的操作会记录下来,也是让自己知道更多的uniapp注意点
    1. up-popup弹窗后禁止底层的页面继续滚动   直接在u-popup包一个view然后加上一个方法@touchmove.stop.prevent="prevent"  然后在方法prevent加一个空方法就行了  代码如下:     <viewclass="my"@touchmove.stop.prevent="prevent">  
  • 2024-06-06bootstrap.css-表单-登录案例
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><!--引入bootstrap.css样式--><linkrel="stylesheet"href="static/plugin
  • 2024-06-02大学生游戏静态HTML网页设计 (HTML+CSS+JS仿英雄联盟网站15页)
  • 2024-06-01HTML网页设计:基于爱护动物题材——保护动物大象(6页) HTML网页设计结课作业 web课程设计网页规划与设计 网页设计成品DW静态网页
  • 2024-05-27Vue3标签组件绘制--自定义按钮组件
    不知道怎么的,突然想绘制一个标签,比如el-button什么的。今天研究一下吧,不知道能不能整出来以后就可以绘制自己的组件,弄自己的组件库了。不知道有朝一日能不能让越组件青史留名?嘻嘻,百日梦做差不多了,接着去查查资料。文章分为三个部分:1.按钮组件实现(根据查阅的一个文章实现基
  • 2024-05-25关于动漫的HTML网页设计:期末前端web大作业——海贼王基地(6个页面)
    HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。精彩专栏推荐
  • 2024-05-09vue学习--模板语法(五、选项卡案例)
    案例:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><scriptsrc="https://cdn.j
  • 2024-04-20使用float,flex和tailwind实现同一个表单注册效果
    float方式html结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</titl
  • 2024-04-10Obsidian自定义代码块样式成Typora
    先来效果图修改前效果:修改后效果:编辑模式:预览模式:两种模式的表现间距略有不同,但不影响.添加自定义css样式.markdown-source-view.mod-cm6.cm-content>.HyperMD-codeblock{border-width:01px01px;border-style:solid;border-color:#E7EAE
  • 2024-04-04CSS Animation example
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
  • 2024-04-02Quill文档(三):构建自定义模块
    Quill作为编辑器的核心优势在于其丰富的API和强大的定制能力。当您在Quill的API之上实现功能时,将其组织为一个模块可能会很方便。为了本指南的目的,我们将逐步介绍一种构建单词计数器模块的方法,这是许多文字处理器中常见的功能。注意在内部,模块是Quill的许多功能的组织方
  • 2024-03-253.25
    <!DOCTYPEhtml><html><head><title>艾鑫个人主页</title><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><styletype="text/css">/*设置超链接样式*/table{  border-collapse
  • 2024-03-18css的基本使用
    CSS2.3结构伪类选择器伪类<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>ulli:first-child{background:brown;}
  • 2024-03-07info-item
     <templatev-for="(item,index)indata1":key="index"><divclass="info-item"><divclass="info-item-left">{{item.time}}</div><divclass="info-item-right">
  • 2024-03-03对于购物中心HTML前端页面的优化
    在对同学上学期的购物中心HTML前端页面项目进行学习后,我对它进行了优化。在原先的基础上,给它的注册、忘记密码按钮增加了跳转接口,使得这两个功能可以实现跳转,并且在商品展示页增加了返回登录页面的接口。原始代码列表:优化后代码列表:代码文件:原始登录页.html:点击查看代码<
  • 2024-02-29grid布局小案例
    <style>.parent{display:grid;grid-template-columns:25%75%;/*grid-template-columns:1fr3fr;*//*同上*/height:100px;}.child{border:1pxsolidred;}</style><divclass="parent">
  • 2024-02-28假期vue学习笔记07 todo事件的本地存储
     用本地存储改写前面的todo案例 <template>    <li>      <label>        <inputtype="checkbox":checked="todo.done"@change="handleCheck(todo.id)"/>        <spanv-show="!tod
  • 2024-02-23css浮动(float)详解
    https://blog.csdn.net/weixin_45123004/article/details/104463619浮动详解一、什么是浮动?浮动,顾名思义,就是漂浮的意思。指的是一个元素脱离文档流,悬浮在父元素之上的现象。二、如何产生浮动?给元素本身添加float属性float: 三、浮动有什么作用?作用:在html文档流中,分为行元
  • 2024-02-22Html示例-表格表头固定+首尾列固定
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><style>.table_wrap{width:100%;height:200px;overflow:auto;
  • 2024-01-21前端学习-HTML/CSS刷题笔记03
    1布局单列布局单列布局是将头部、内容区、底部在页面上垂直排列,是非常实用的一种布局方式。主要对三个区域的宽度进行统一,然后通过设置自动外边距进行居中。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X
  • 2023-12-22使用js和css实现选项卡切换
    HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><linkrel="stylesheet"hre