前端html css
CSS
# CSS（层叠样式表） ## CSS的三种应用情况 就近原则：谁离该元素离得近就用哪个CSS ```html 芜湖 鸡你太美 ``` ## 三种基本选择器 ### 1.标签选择器 ```html 标签选择器 鸡你太美 基尼实在是太美 ``` ### 2.类选择器 ```html 类选择器 鸡你太美 ......
14-前端模块化
# 1. 为什么要模块化 随着前端项目越来越大，团队人数越来越多，多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目，小明定义一个aaa.js，小张定义了一个bbb.js。 > aaa.js ```javascript //小明开发 var name = '小明' var age ......
【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/8980b6c ......
【开发工具】WebStorm 前端开发神器菜鸟必备,全网最稳定靠谱的安装教程 一镜到底、全程图文并茂、通俗易懂!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 介绍 🙂 ![](https://img-blog.csdnimg. ......
纯CSS实现table固定thead,tbody进行滚动
代码一 <!-- * @Descripttion: * @version: * @Author: yang_ft * @Date: 2020-09-29 13:59:26 * @github: famensaodiseng * @LastEditTime: 2020-10-10 17:13:17 - ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
HTML5新增属性
# 一、HTML5简介 ## 1. 什么是HTML ##### HTML5 是新一代的 HTML 标准， 2014 年 10 月由万维网联盟（W3C）完成标准制定。 ##### 官网地址： ``` W3C提供： httpswww.w3.orgTRhtmlindex.html WHATWG提供： ht ......
web前端 第四天总结
案例1：盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
web前端 第三天总结
案例1：伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
CSS 父元素没有设置高度，子元素如何跟父元素保持一样的高度？
 如上图所示，height 属性需要让父元素有高度，所以，h2 的 `::before` 设置 ......
HTML5
# HTML5 **HTML5的更新：使用网页实现动态渲染图形、图表、图像和动画，不需要安装插件直接使用网页播放视频。** W3C（万维网联盟）： W3C标准： + 结构化标准语言（HTML、XML） + 表现标准语言（CSS） + 行为标准（DOM） IDE ： WebStorm **块元素:无论 ......
CSS
.css ``` /* author: weiyupeng date: 2023/7/8 10:09 */ #para2 { font-size: xxx-large; } /*背景样式*/ body { /*背景色*/ background-color: mintcream; /*背景图*/ ba ......
前端开发常用插件汇总
js常用插件(一)之移动端调试利器VConsole—教程链接 js常用插件(二)之移动端手势利器hammer单双指操作—教程链接 js常用插件(三)之html2canvas生成海报(jcanvas后续出)—教程链接 js常用插件(四)之jsonExportExcel导出表格(后台系统必备)–教程链接 ......
使用Visual Studio进行Html5开发应用
Visual Studio 一直以来是开发微软旗下应用的利器，只要是开发微软相关的应用无论是Windows程序，WPF，Asp.Net，WinRT Surface，WindowsPhone 等微软旗下的应用都可以使用Visual Studio 来开发。如果您已经非常习惯了Visual Studio ......
css 隐藏滚动条
&：那个元素有滚动条，就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa ......
html再初识
#### 列表标签 目标：无序有序和自定义列表标签实现网页中列表结构的搭建 ##### 列表的应用场景 按行展示关联性内容，如新闻（无序）、排行榜（有序）、账单（自定）等 ##### 无序列表 ###### 组成 ul（表示整体用于包裹） 嵌套 li（表示每一项用于包含每行内容） ###### 显示 ......
API管理不好做？来试试Apipost，前端、后端、测试，一个平台全搞定
API是什么&API管理存在哪些问题 API（Application Programming Interface，应用程序接口）作为一系列预先定义的规则和约定，用于不同软件应用之间的通信，促进了系统间的互动和数据共享。在企业数字化转型的推进中，API管理变得越来越重要。然而，API管理过程中存在着一 ......
京东css初始化部分内容
``` /*清除内外边距*/ * { margin: 0; padding: 0 } /*em,i原本是斜体，修改为不斜体*/ em,i { font-style: normal } /*去除小圆点*/ li { list-style: none } /*border：0照顾低版本浏览器，verti ......
前端根据在线mp4 url下载视频文件（而不是浏览器直接打开视频在线播放）
<!DOCTYPE html> <html> <head> <title>视频下载</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>视频下载</h1> <bu ......
CSS+html导航菜单栏
以下图为例，使用CSS+html实现下面这个博客园的导航菜单栏。 原图： 自己写的CSS+html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wancy博客园</title> <style> *{ ......
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
黑马程序员前端JS基础视频课程(pink老师)
共计76个视频，20小时时长课程分为三大块1.JavaScript基础2.web APIs3.JS进阶之前看过pink老师的css+html讲的那是扛扛,刚刚在其他社区找到这套课程特意分享给大家! download:黑马程序员前端JS基础视频课程(pink老师) ......
3. Q_ 下列HTML代码是否正确_
3. Q: 下列HTML代码是否正确？ ``` This is my self portrait. ``` A: 正确 `` 标签规定独立的流内容（图像、图表、照片、代码等等）。`figure` 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。使用``元素为`figure`添加标题 ......
6. Q_ 如果你有一个搜索结果页面，你想高亮搜索的关键词。什么HTML 标签可以使用_
6. Q: 如果你有一个搜索结果页面，你想高亮搜索的关键词。什么HTML 标签可以使用? A:`` 标签表现高亮文本。 > The HTML `` Element represents highlighted text, i.e., a run of text marked for referenc ......
CSS_相关问题及解决_持续更新
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......