横向 标签html css

css 图片鼠标放大动画

.img_wap { padding-bottom: 56%; width: 100%; overflow:hidden; position: relative; display: block; } .img_wap img { width: 100%; height: 100%; position ......
鼠标 动画 图片 css

HTML父子页面相互操作教程

1.先准备ab两个网页,a当做父页面,b当做子页面 2.在a页面加一个isA方法,在b页面加一个isB方法 3.然后在A页面通过Iframe引用B页面 4.A页面调用B页面的方法,使用代码:document.getElementById("ib").contentWindow.isB(); 解释:获 ......
父子 页面 教程 HTML

a标签的拨号和跳转到页面指定地方

1.a标签拨号 <a href="tel:136********">联系我们</a> 2.a标签跳转到页面指定地方(页面1跳转时添加"#"和页面2指定地方的id,): 页面1代码 <a href="b.html#zhidin"></a> 页面2代码 <div id="zhidin">指定的地方</d ......
标签 页面 地方

html初次进入页面只刷新一次!!一次!!!!

window.onload=function (){reloadPage();} //自动刷新一次页面 function reloadPage() { if(location.href.indexOf('#reloaded') 1){ //判断是否有刷新标记 location.href=locati ......
页面 html

vscode如何设置HTML/CSS/JS保存后自动格式化?

具体操作:点击小齿轮,选择设置按钮 第二步:点击右上角按钮,进入设置页面 第三步:粘贴自动保存的js代码! "editor.formatOnType": true, "editor.formatOnSave": true, ......
格式 vscode HTML CSS JS

HTML笔记

1.前端:前台和后台系统,指的是有UI交互界面 后端:数据库,接口,服务器 2.开发岗位有哪些? 前端开发:php javaScript 简称JS 后端开发:C,C++,C#,java,python,go,php,JavaScript 3.Hbuider是什么? 前端开发工具(前端人员的开发环境) ......
笔记 HTML

使用a标签跳转到servlet里面,并且带有相关参数

相关实现 若是带有一个参数: <a href="deleteServlet?id=${id}"></a> 若是带有多个参数: <a href="deleteServlet?id=${id}&name=${name}"></a> ......
参数 servlet 标签

css绘制三角形

<style> /* 想要哪个方向的三角形,把其他方向的颜色换成transparent就ok啦 */ .box { width: 0px; height: 0px; border-top: 100px solid orange; border-left: 100px solid pink; bord ......
三角形 css

0002.指标、指标体系以及标签、标签体系

指标、指标体系 一、指标 何谓指标?指标是说明总体数量特征的概念及其数据的综合,故又称为综合指标。在实际的统计工作和统计理论研究中,往往直接将说明总体数量特征的概念称为指标。 二、北极星指标 北极星指标是衡量产品、业务成功与否的关键指标,它体现了产品试图解决的“用户需求与企业经营”之间的关系,是一经 ......
指标 体系 标签 指标体系 0002

css 常用的文本样式、选择器、浮动和定位

常用的文本样式 ~ color 设置文字的颜色 color:red ~ font-size 设置文字的大小 font-size:12px ~ font-family 设置文字的字体 font-family:微软雅黑 ~ font-style 设置字体是否倾斜 font-style:“normal” ......
样式 文本 常用 css

css 基本语法

CSS:层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言,不仅可以修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 基本语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 选择器:需要改变样式的HTML 元素 声明:由一个属性和一个值组成,每个属性有一个值 ......
语法 css

2、Web前端学习规划:HTML - 学习规划系列文章

今天先写Web前端最基本的语言:HTML。目前已经到了HTML5版本,作为Web基本语言,笔者认为这个是最先需要学习的语言。 1、 简介; HTML(HyperText Markup Language)是一种用于创建网页的标记语言。它使用标签和属性来描述网页的结构和内容,并且可以嵌入其他类型的媒体, ......
前端 文章 HTML Web

CSS层叠样式表

CSS层叠样式表 主要用来调节html标签的各种样式 """ 思考:页面都是由HTML构成的 并且页面上有很多相同的HTML标签 但是相同的HTML标签在不同的位置可能有不同的样式 我们如何区分标签 标签的两大重要属性>>>:区分标签 1.class属性 分门别类 主要用于批量查找 2.id属性 精 ......
样式 CSS

python - html转pdf

1. 安装pdfkit pip3 install pdfkit 2. 安装wkhtmltopdf 下载wkhtmltopdf安装包 https://wkhtmltopdf.org/downloads.html 安装后在系统Path添加wkhtmltopdf的bin路径 3. 简单使用 将本地html ......
python html pdf

后端返回html字符串 样式覆盖全局必须用 iframe嵌套显示才行

后端返回html字符串 样式覆盖全局必须用 iframe嵌套显示才行 $.axios({ method: "POST", url: progressUrl, data: params, async: false, success: function (res) { if (res.code == 2 ......
字符串 全局 样式 字符 iframe

java jsoup解析html ol li

java jsoup解析html ol li import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; publ ......
jsoup java html ol li

HTML中的pre-load 和 pre-fetch

当浏览器加载网页时,通常会遵循一个默认的流程,先加载 HTML、CSS 和 JavaScript,然后再加载图片、音频、视频等资源。这个默认的流程可能会导致网页加载速度变慢,用户体验不佳。因此,可以使用一些技术来优化网页加载的速度,其中之一就是按需加载。 按需加载是指根据用户实际需要,动态地加载资源 ......
pre pre-fetch pre-load fetch HTML

vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量

概述:在index.html模板中判断当前环境,处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件(./config.js),两种环境下将配置统一挂载到window全局变量上(SET_CONFIG) config.js window.SITE_CONFIG = { app ......
webpack-index 变量 接口 模板 webpack

CSS基础:块状元素、内联元素、内联块状元素(行内元素)

css基础:块元素、内联元素、内联块元素 CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 1.常用的块状元素有: <div>、<p>、<h1>-<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquot ......
元素 块状 基础 CSS

CSS修改input中的placeholder默认颜色

使用 input-placeholder 属性来修改placeholder的默认颜色: 为了兼容不同的浏览器内核,要添加不同的前缀 input::input-placeholder { color: #999; } input::-webkit-input-placeholder { /* Chro ......
placeholder 颜色 input CSS

CSS杂谈——flex布局里面的auto到底多长

本篇博客将以 “ flex 布局里设置 auto 的区块怎么让文案超出省略的问题” 作为切入点,来分析一下 flex 布局里面各子项的具体长度到底怎么计算。 从需求出发谈 flex 布局 我们有一个 H5 项目,类似于微信的通讯录界面,前面是头像,后面是昵称。 所以我们一开始的代码是这么写的: <d ......
杂谈 布局 面的 flex auto

HTML form input shadow-root All In One

HTML form input shadow-root All In One 禁用 DOM 编辑 MutationObserver API ......
shadow-root shadow input HTML form

如何在html页面计算某列数值的和

相关步骤 1、先在html页面上定义一个span标签,并为其定义一个id;别忘记为table标签定义一个id 2、定义一个script模块,里面获取到table的id 并定义上之后要求的和为0 3、采用for循环,获取到除去表头tr的td内容,我这里是指定获取某一列的总和 4、在加和的时候要注意:S ......
数值 页面 html

IDEA】出现 Wrong tag ‘Author_‘ 错误的 Author 标签等的黄色警告问题

问题描述设置自动生成注解后,会产生Wrong tag 'Author:' 错误的 Author 标签等的黄色警告问题 解决方案:配置路径: File --> NewProjects Setup --> Settings for New Projects… --> Editor -->Inspecti ......
Author 黄色 错误 标签 问题

记录-css实现交融文字效果

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 CSS是有魔法的,我们今天来实现一个CSS的动画效果,只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
效果 文字 css

css steps实现文本一个字一个字显示

大致思路: 使用相对定位的div覆盖文本内容,并用animation控制宽度,位置。 换行步骤在外层div上控制高度即可。 css的steps与animation一起使用可以控制文字单个显示,类似于文本输入,不过显示频率是线性。 添加一些css变量控制步骤宽度、高度和时间等,便于vue中也通过组件的 ......
文本 steps css

html概览和head常见标签,body内标签布局

前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称之为前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 前端只学最基本最核心的一块 目的不是为了让你直接可以从事前端 ......
标签 概览 布局 常见 html

a标签 链接 target=”_blank” 为什么要增加 rel=”noopener noreferrer”

在<a></a>中使用target="_blank" 那么会得到以下错误提示: Using target="_blank" without rel="noopener noreferrer" is a security risk: see https://mathiasbynens.github.i ......
noreferrer noopener 标签 链接 target

如何隐藏一个元素?&&css中出现了两个一样的类定义,如何避免冲突?

1.如何隐藏一个元素? 1.使用display属性:设置元素的display属性为none,这样元素在页面上不会占用任何空间,同时也不会对其他元素造成影响 2.使用visibility属性:设置元素的visbility属性为hidden,这样元素在页面上不可见,但仍然占用空间 3.使用opacity ......
amp 元素 两个 css

css变量声明使用

今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scss less ~好处是减少样式代码的重复性,增加样式代码的扩展性和灵活性 简单使用: <style> :root { --color:#000; --width:200px; } body { color : var ......
变量 css