html css
html
HTML 基础 什么是HTML HTML：Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 发展史、优势 发展史 优势 知名浏览器厂商的支持 微软、Google、苹果、Opera、mozilla firefox 市场的需求 HTML5 ......
html
# HTML 基础 什么是HTML HTML：Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 发展史、优势 发展史 优势 知名浏览器厂商的支持 微软、Google、苹果、Opera、mozilla firefox 市场的需求 HTM ......
Python Flask 修改 html 模板存放路径templates名字
前言全局说明 Python Flask 修改html 模板存放路径 一、修改 html 模板默认存放文件夹名 templates 假设不想用默认的 templates 名，要用 html_dir app=Flask(__name__, templates_folder='html_dir') 免责声 ......
css: rainbow Border with gradient and radius
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device ......
css3 loading特效
一个样式类，一个容器，无须额外元素： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Loading Animation</title> <style> #app { height: 100vh; displ ......
在html页面使用js显示当前时间在输入框中
具体代码 <script type="text/javascript"> var date = new Date(); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); document.ge ......
js启动一个简单服务指定启动目录和index.html，并配置接口代理
环境准备 node任意版本。 node包：express、http-proxy-middleware、http。 提前下载好包： npm install express --save npm install http-proxy-middleware --save npm install http ......
HTML
什么是HTML HTML常用的基本标签 HTML标签的属性 前端技术基础 HTML 什么是HTML HTML（Hyper Text Markup Language）是一种用于创建网页内容的标记语言。 HTML常用的基本标签 HTML常用的基本标签 1. 标题标签：h1, h2, h3, h4, h5 ......
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
thymeleaf如何引入静态资源文件,外部css文件中引入静态文件,内联css中引入静态资源
引入css和js 开发网页有时候页面上需要引入一些css和js,而开发的页面又很多，需要重复的引入这些文件, 在thymeleaf中可以专门定义一个文件来引入这些文件，然后在其他的页面中统一引入就可以 比如现在我需要引入的 css文件有如下: <link href="./assets/css/fon ......
CSS3的概述
CSS3 是指 Cascading Style Sheets Level 3，是一种用于描述网页样式的标记语言。它可以实现更加丰富、复杂的网页样式效果。下面将介绍 CSS3 的发展历程和主要特性。 CSS3的开发历程可以分为以下几个阶段: 2001-2005年: 起步阶段。在这个阶段，W3C组织开始 ......
Html，Css面试题
常见面试题 1.如何理解HTML语义化 1.容易读懂(增加代码可读性) 2.让搜索引擎容易读懂(SEO) 2.块状元素&内联元素 1.block/table;有 div h1 h2 table ul ol p等 独占一行 2.inline/inline-block;有 span img input ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
nginx匹配所有请求路径显示index.html页面
server { listen 80; server_name example.com; # 替换为你的域名 root /path/to/your/root; # 替换为你的站点目录 location / { try_files $uri $uri/ /index.html; } } ......
css-电脑端点击元素后会存在一个竖线，解决办法如下
css的解决办法： * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: non ......
css多行省略号
postcss-loader 默认编译的时候，会过滤 -webkit-box-orient: vertical;造成省略不生效。 line-height: 18px; max-height: 40px; font-size: 14px; display: -webkit-box; overflow: ......
HTML语义化
用正确的标签做正确的事情。 html语义化让页面的内容结构化，结构清晰，便于对浏览器、搜索引擎解析； 即使在没有css样式的情况下也以一种文档格式显示，并且是容易阅读的； 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（Search Engine Optimizatio ......
HTML之src与href的区别
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 1、src src是source（/sɔːs/ n. 来源、源头、出处）的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档中，例如js脚本，img图片和fr ......
【CSS】为什么文本信息在Chrome能显示，在IE11上不显示？
问题描述：span上的文本信息在Chrome上能正确显示，但是在IE11上不显示？ 详细配置： <div class='outer'> <div class='inner'> <span>'test text'</span> </div> </div> .outer{ display:flex; } ......
CSS盒模型
盒模型的组成部分 CSS会把所有的HTML元素都看成一个盒子，所有的样式也是基于这个盒子 内容区（content）:元素中的文本或后代元素都是它的内容 内边距（padding）又称:补白，紧贴内容的补白区域 边框（border）: 盒子的边框 外边距（margin）：盒子与外界的距离，外边距不会影响 ......
CSS(css导入---css选择器）
一、css导入 CSS 是一门语言，用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成： 结构：HTML 表现：CSS 行为：JavaScript css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式： 内联样式：在标签内部使用s ......
css实现多余文字隐藏，用省略号代替
.txt{ overflow: hidden; //溢出内容隐藏 white-space: nowrap; //强制文本在一行内显示 text-overflow: ellipsis; //当对象内文本溢出时显示省略标记 } <p class='txt'>经营范围：{{ item.businessSc ......
node express+vue+html，后端+后台管理+官网线上部署
引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
html标签
img标签 <!--主要是在网页显示图片--> 标签的属性： 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址：外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 ......
CSS标签
伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a ......
css添加三角指示器
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg ......
Html（布局标签---表单标签---表单项标签）
一、布局标签 标签描述 <div> 定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页 <span> 用于组合行内元素。 代码演示： 运行界面： 二、表单标签 标签描述 <form> 定义表单 <input> 定义表单项，通过type属性控制输入形式 <label> 为表单 ......
html（超链接---列表标签---表格标签）
一、超链接 标签描述 <a> 定义超链接，用于链接到另一个资源 href：指定访问资源的URL target：指定打开资源的方式 _self:默认值，在当前页面打开 _blank：在空白页面打开 代码演示： 运行界面： 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......