css
-
CSS媒体查询（@media）全面解析
随着移动设备的快速普及，用户不再只是通过传统的电脑系来浏览 Web 内容，越来越多的用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览 Web 内容，为了确保使用不同设备的…
-
[HTML]Web前端开发技术5.2（HTML5、CSS3、JavaScript ）CSS基础，decoration，selector，properties，Cascading——喵喵画网页
希望你开心，希望你健康，希望你幸福，希望你点赞！ 最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！ 喵喵喵，你对我真的很重要！ 目录 前言 CSS基础 CSS继…
-
CSS 实现过长文本省略显示
1、单行省略显示 CSS 中可以使用 text-overflow 属性和 white-space 属性来实现过长文本省略显示。以下是实现方法： 设置 overflow 为 hidd…
-
最详细！！！前端原神官网 （采用html+css+js+dom+ajax+jquery+swiper+json）完整版
一.项目概述 1.该项目采用了大部分前端知识，完整的复刻原神官网上所显示的全内容，非常全面和详细。希望有兴趣的小伙伴萌可以看看和参考一下！！！该项目可以作为大学生毕设项目（附带项目…
-
HTML+CSS+JS网页设计
文章目录 作品介绍 一、代码演示 1.登录、注册，获取当前时间 2.轮播图 3.家乡简介 4.热门景点 5.特色美食 6.页尾 二、效果图 总结 作品介绍 HTML页面主要由：登录…
-
【Uniapp】高德地图的接入、定位、自定义标点与信息窗体使用
一、前言 因为公司的业务需求，需要实现一个接入高德地图的数据大屏，并根据坐标实现地图标点渲染，自定义信息窗体，点击定位等功能。查阅高德地图官方文档时发现使用的是原生 JavaScr…
-
前端技术搭建五子棋游戏（内含源码）
The sand accumulates to form a pagoda ✨ 写在前面 ✨ 功能介绍 ✨ 页面搭建 ✨ 样式设置 ✨ 逻辑部分 ✨ 写在前面 上周我们实通过前端基…
-
智能导航：教你轻松用JavaScript实现网页电梯导航功能
提示：本文为原创内容 文章目录 前言 二、功能实现 1.页面效果图 2.HTML部分 3.CSS部分 4.JavaScrip部分 5.整体代码 总结 前言 在当前的网络时代，用户…
-
前端使用css去除input框的默认样式
关键点： /* 关键点，让输入框无边框 */ outline:none; border:none; 1.效果图 2.html 3.css .container input{ wid…
-
分享 10 个 Tailwind CSS UI 站点，助你快速启动项目
Midjourney 创作，未来UI Tailwind CSS 是一个为快速创建定制化 UI 组件而设计的实用型框架。与其他 CSS 框架或库不同，Tailwind CSS 组件没…
-
CSS字体样式（font）[详细]
CSS字体样式（font） 1. font-family 2. font-style 3. font-weight 4. font-size 5. font-variant 6. …
-
10.一篇文章带你理解及使用CSS(前端邪术-化妆术)
文章目录 1. CSS 是什么 2.基本语法规范 3.引入方式 3.1内部样式表 3.2行内样式表 3.3外部样式 4.代码风格 4.1样式格式 4.2样式大小写 4.3空格规范 …
-
简单的倒计时（html + css + javaScript)
倒计时页面 #countdown { font-size: 48px; color: #000; } 倒计时页面 输入日期： 开始倒计时 function startCountdo…
-
2023年新年烟花代码（背景音乐完整版）
文章目录 前言 烟花效果展示 使用教程 查看源码 HTML代码 CSS代码 JavaScript 新年祝福 前言 大家过年好！新春佳节，在这个充满喜悦的日子里，愿新年的钟声带给你一…
-
常用的几种布局方式—Flex 布局(垂直居中展示）
常用的几种布局方式—Flex 布局(垂直居中展示） 前言 一、默认使用静态布局 二、flex布局 1.父元素container 1.1.display:flex 1.2…
![[HTML]Web前端开发技术5.2（HTML5、CSS3、JavaScript ）CSS基础，decoration，selector，properties，Cascading——喵喵画网页](/img/de/79e1e6bc5dd4483fa4a265e29f6adcb1.png)
![CSS字体样式（font）[详细]](/img/c6/6624bb7ffa3f4772ba441b3cdddd24f7.png)
