- 2024-11-18css 表格圆角+边框不重叠
.resource-table{border-collapse:separate;/*设置边框分离*/border-spacing:0;/*边框间距设置为0*/width:100%;/*表格宽度*/theadtr{background:#f0f3f5;th{color:#5a6066;border-top:1pxsolid#b
- 2024-11-08带你用HTML+CSS+JS实现动态滚动骰子投掷效果！
今天带大家用HTML+CSS+JS实现动态骰子投掷效果，下面来看看实现的效果：点击开始投掷，骰子开始滚动。点击停止投掷，骰子面会随机定在一个点数 那么如何实现呢？请听我细细讲解：一、骰子面的样式与布局1、样式：1、其中每一面大量的运用了flex布局来实现了骰面上圆点的位置。2
- 2024-11-02[极客大挑战 2019]Http
题目链接：https://buuoj.cn/challenges#[极客大挑战2019]Http。访问环境如下。该页面的响应包如下。HTTP/1.1200OKDate:Wed,23Oct202416:21:45GMTServer:Apache/2.2.15(CentOS)X-Powered-By:PHP/5.3.3Content-Length:4065Connection:closeContent-Type:te
- 2024-10-29第七章 课后作业
<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>翡翠阁</title> </head> <style> h2{ /*text-align:center;*/ height:70px; background:url(./照片/cap.jpg)no-repeatcenter;
- 2024-10-27第七章习题一
利用CSS技术，结合表格和列表，制作并美化“翡翠阁”页面<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>翡翠阁</title> <styletype="text/css"> .cap{ caption-side:top; } table{ b
- 2024-10-25倒计时功能实现：认识了css选择器 div[id^=“countdown-“]
html倒计时<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>倒计时功能实现</ti
- 2024-10-082018_10_21_01
1px边框问题7种方法解决移动端Retina屏幕1px边框问题在retina屏中实现1pxborder效果下文出自7种方法解决移动端Retina屏幕1px边框问题造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在
- 2024-09-26HTML和CSS中的浮动以及边框塌陷解决方案（内置练习及答案）
一、浮动概述在HTML和CSS中，“浮动”（Float）是一种布局技术，它允许元素脱离其正常的文档流，向左或向右移动，直到它的外边缘碰到包含框或另一个浮动元素的边缘。浮动元素仍然保持块级盒模型的特性（如可以设置宽度和高度），但是它们不再占据文档流中的空间，这意呀着文档中的其他元素会
- 2024-09-26CSS布局中的定位
一、position1.staticposition:static;默认值，没有定位2.relative相对定位：相对自身原来的位置进行偏移偏移设置：top、left、right、bottom相对定位元素的规律：设置相对定位的盒子会相对于它原来的位置，通过指定的偏移，到达新的位置设置相对定位的盒子仍然在标准的
- 2024-09-03uniapp 实现瀑布流布局 （网上找不到合适的方法 就进来看看我的吧）
最近自己在开发一款小程序，目的是为了学习，包括后端也是我自己在写后端用的是Ruoyi框架小程序这边呢原生的我会uniapp久闻大名却从未试手于是选择了uniapp写微信小程序话不多说内容展示的时候我选择了使用小红书咸鱼等都在使用的瀑布流布局，出于两个原因1个人觉得很好
- 2024-08-29css grid布局实现一个复杂表格
产品设计了这样一个表格，如下图：当然表格内容格式是固定的，本来想用elementui的，但是思考了一下，用el-table好像嵌套的比较麻烦，还要合并单元格，所以采用了grid布局。废话不多说，直接上代码：<template><divclass="table"><!--表头1--><divclass="th">类型名称<
- 2024-08-28html+css编写三级菜单
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title&g
- 2024-08-28html+css编写二级菜单
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title&g
- 2024-08-08【CSS入门】第二课 - margin外边距
这一小节，我们说一下margin外边距。怎么理解这个外边距呢，比如小张和小丽站在一起，紧紧排着站。试想一下，如果他俩冬天都穿着羽绒服和夏天穿着短袖，是不是占据的空间会不一样呢。那么回到HTML网页开发商来说，如果两个元素，他们加一些外边距，占的空间也会不一样，而且会使两个元素的距离也
- 2024-08-01css 文字边框
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>OpacityFadeAnimation</titl
- 2024-07-171px问题
1、伪类+transform基于media查询判断不同的设备像素比对线条进行缩放。这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加上border-radius即可。.border_1px:before{content:'';position:absolute;top:0;he
- 2024-07-10css3 box-shadow 浮雕风格按钮
利用box-shadow实现浮雕风格的按钮。HTML：<form><divclass="segment"><h1>Signup</h1></div><label><inputtype="text"placeholder="EmailAddress"/></label><labe
- 2024-07-08浮动和定位
4.1标准文档流快级元素：独占一行h1~h6pdiv列表行内元素spanaimgstrong行内元素可以被包含在快级元素中，反之则不行4.2display <style> /* block块级元素 inline行内元素 inline-block是块元素但是可以内联，在一行
- 2024-07-057 种方案解决移动端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