前端html css
CSS弹性盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS盒子模型
对html 进行封装:包括外边距、边框、内边距和实际内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial ......
记录--前端换肤方案 - element+less无感换肤(无需页面刷新)
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端换肤方案 - element+less无感换肤(无需页面刷新) 前言 前不久在改造一个迭代了一年多的项目时,增加了一个换肤功能。通过自己的探索,总结出了一套比较合适的改造方案供大家参考,如有更好的方案欢迎评论区踊跃评论😄 先上效果: ......
1.html基本使用方法
标签大全参考(需要什么取什么):HTML 标签参考手册 页面标签结构 页面结构主要用于整个页面的规范分区 header 标签头部区域内容 footer 标记尾部区域内容 section 整个页面中的独立区域内容 article 独立的文章内容 aside 相关内容区域 例如侧边栏区域 nav 导航, ......
自定义滚动条 css
/* 自定义滚动条 css */ .customScrollbar::-webkit-scrollbar{width:10px;height:10px;} .customScrollbar::-webkit-scrollbar-thumb{border-radius: 8px;background- ......
Application Cache HTML
主要是加速 离线存储,Web 开发者可借助微信提供的资源存储能力,直接从地加载 Web 资源而不需要再从服务端拉取, 从而减少网页加载时间,为微信用户提供更优质的网页浏览体验 使用方式 example.appcache CACHE MANIFEST # 版本号或注释 CACHE: index.htm ......
后端结合前端 模板渲染 显示列表
最终效果 背景知识 将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们,我没建这个文件夹所以报错了,图中是查了资料改正后的 工程结构 python文件需要放到工程的子目录 html代码 <!DOCTYPE html> <html lang="en"> <head ......
9.前端初步设计
空了挺长时间没写了。一些琐事耽误,然后另一方面就是在写前端。因为我不是学前端出身,所以前端相对比较弱,一下子我也搞的不是很全面,最主要的是没法讲的很细致,前端这东西吧,都说简单,但是想做的很好看那还是需要一些深入学习的。上一篇的文章是邮箱发送,意在做注册的时候发送验证码。现在页面基本完成了,毕竟登录 ......
css自定义滚动条
.container { width: 200px; height: 150px; overflow: auto; /* 自动显示滚动条 / -ms-overflow-style: scrollbar; / 在IE上显示自定义滚动条 */ } /* 自定义滚动条的样式 */ .container:: ......
在线直播源码,CSS磨砂玻璃效果和渐变主题色文字
在线直播源码,CSS磨砂玻璃效果和渐变主题色文字 HTML <div class="card"> <h2 class="gradient"> </h2> <div> <p>.welcome{</p> <p class="indent">"CSDN:lqj_本人"</p> <p class="inde ......
【前端开发】前端开发者谷歌浏览器操作技巧
谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
前端处理分页
html页面结构 <div class="pagingInfo"> <span class="page pre">上一页</span> <span class="num"><em class="curPage">1</em>/<em class="totalPage">5</em></span> < ......
WebForm后端调用前端JS
/*注意:定义的js方法一定要放在head里面,不能放下面,否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
前端判断视频格式(H264、H265,解决谷歌chrome浏览器无法播放mp4问题)
chrome浏览器对某些mp4文件不支持,播放时只有声音没有画面。 这种情况一般是因为视频文件为H265编码,而chrome浏览器只支持H264编码的文件(谷歌没买H265的使用专利)。 解决方法一: 使用软件(格式工厂或命令行库ffmpeg)对文件进行转换,将H265转换成H264。 格式工厂: ......
CSS常用总结
重置样式 html, body, ul, li, a, p, div { padding: 0; margin: 0; // 设置盒模型 box-sizing: border-box; // 移除移动端特有的点击高亮效果 -webkit-tap-highlight-color: transparen ......
CSS单位
CSS常用长度单位 px:相对长度单位 相对于显示器屏幕分辨率 rem:相对长度单位 对于根元素(即html元素)font-size计算值的倍数 html{ font-size:14px; 那么 14px=1rem 28px=2rem 即:n px=n/14 rem } h3{ font-size= ......
Vue学习笔记(七):绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量,然后通过变量v-bind绑定class属性,绑定后的class并不会覆盖原来的class属性,而是与原来的class进行叠加。如 ......
php 接口与前端数据交互实现
最近在做前后端数据交互的尝试,也跳了很多坑,使用的是php+bootstrap-table+js,把一些收获记录在这里,方便查询。 这个小项目,仅有3个文件,分别为: crud.html data.php crud.sql 数据交互实现1:查询 mysql 数据库建表 php查询接口 前端数据展现 ......
Html Page 移动图片
html: <img src=image.jpg id='imageid' style="position:absolute; left: 0; top: 0;"> js: var x=document.getElementById('imageid').offsetTop; x= x + step ......
webpack5_webpack多静态html项目打包
const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-pl ......
影刀引用Python模块实现html转为markdown
比如,我获取了一段html的文本,想要转成markdown格式,可以参考下面用法 1. 引入一个html2text的包,右键可以看到python包管理器 2. 插入python代码,转换变量 有疑问加站长微信联系(非本文作者) ......
CSS关系选择性
选择性的选择器有后代选择器、子代选择器、相邻选择器和通用兄弟选择器 1.后代选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w ......
初步了解HTML
初步了解HTML 一、html介绍 html定义 HTML的全称为:HyperText Mark-up Language,指的是超文本标记语言。标记就是标签,<标签名称> </标签名称>,比如 、 等,大多数标签都是成对出现的 所谓超文本,有两层含义: 因为网页中还可以有图片、视频、音频等内容(超文 ......
认识HTML
一 什么是H5? 1.HTML的第5个版本 2.一门技术的总称 二 H5能做什么? 1.网页开发 2.小程序/公众号 3.APP开发 4.小游戏开发 5.桌面应用 ...... 三 网站建站流程 1.注册域名 2.购买服务器 3.进行项目开发 4.网站推广 5.网站维护 四 项目开发流程 1.产品经 ......
css
目录 1. 介绍css 2. CSS语法 3. CSS注释 4. CSS中的颜色值 5. CSS长度单位 6. html引入CSS的三种方法 6.1 行内样式(内联样式) 6.2 内嵌样式 6.3 外部样式 7. 选择器 7.1 标签选择器 7.2 类选择器 7.3 ID选择器 7.4 通配所有元素 ......
css字体样式
1.font-style 设置字体样式 属性值: normal:指定⽂本字体样式为正常的字体 italic:指定⽂本字体样式为斜体。 2.文字字体 font-family 只能引用系统自带的字体样式,如果需要其他别的字体,需要从外部下载调用 引用外部字体 网站:https://font.chinaz ......
html 的隐藏 三种形式
参考 https://blog.csdn.net/cnds123/article/details/128419485 第一种 使用HTML的hidden 属性,隐藏属性是一个 Boolean 类型的值,真说明隐藏,假说明不隐藏,空也是不隐藏 进入例子: 如下图,当点击了按钮1后不隐藏: 如下图,当点 ......
在 Less 中使用与 Less 内置函数同名的原生 CSS 函数
参考资料 calc() - CSS:层叠样式表 | MDN Getting started - Escaping | Less.js Using The CSS Function calc() Inside The LESS CSS Preprocessor 问题描述 在原生 CSS 中有以下的函数 ......
需编写html代码,快速搭建一个公司管理系统
快速搭建一个公司管理系统 MagicTable 基于vue-admin-beautiful,elementui,vue-easytable等实现的网页快速生成框架,无需编写html和css代码,只需要编写js文件就能实现管理面板的表格页面。 github链接 https://github.com/Y ......