横向 标签html css
04-CSS选择器:伪类
title: 04-CSS选择器:伪类 publish: true 伪类(伪类选择器) 伪类:同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类,这一点很明确,就是属于box类。但是a属于什么类?不明确。因为需要看用户点击前是什么状态,点击后 ......
06-CSS盒模型详解
title: 06-CSS盒模型详解 publish: true 盒子模型 前言 盒子模型,英文即box model。无论是div、span、还是a都是盒子。 但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。 盒子中的区域 一个 ......
01-CSS属性:字体属性和文本属性
title: 01-CSS属性:字体属性和文本属性 publish: true 本文重要内容 CSS的单位 字体属性 文本属性 定位属性:position、float、overflow等 CSS的单位 html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 CSS中的 ......
06-HTML标签:图片标签
title: 06-HTML标签:图片标签 publish: true img标签介绍 介绍 img: 英文全称 image(图像),代表的是一张图片。 如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下: <img src="图片的URL" /> 能插入的图片类型 能够插入 ......
04-HTML标签:排版标签
title: 04-HTML标签:排版标签 publish: true 本文主要内容 排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签 标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标 ......
05-HTML标签:字体标签和超链接
title: 05-HTML标签:字体标签和超链接 publish: true 本文主要内容 字体标签: <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符(转义字符) :空格 (non-breaking spacing,不断打空格) < ......
07-html标签图文详解(二)
title: 07-HTML标签图文详解(二) 本文主要内容 列表标签:<ul>、<ol>、<dl> 表格标签:<table> 框架标签及内嵌框架<iframe> 表单标签:<form> 多媒体标签 滚动字幕标签:<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>,无序列表中的每 ......
03-初识HTML
title: 03-初识HTML publish: true 编辑器相关 前端开发的编辑器软件,我首先推荐 VS Code,其次推荐Sublime Text。 有人说 WebStorm 也不错?但真实情况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。 PS:文件的后缀名不能 ......
12-HTML基础回顾
title: 12-HTML基础回顾 本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素 html 的常见元素主要分为两类:head 区域的元素、body 区域的元素。下面来分 ......
08-HTML5详解
title: 08-HTML5详解 publish: true HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1(严格的html) 2002 Tablel ......
10-HTML5详解(二)
title: 10-HTML5详解(二) publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示,我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中,我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作,其中图片、链接 ......
11-HTML5详解(三)
title: 11-HTML5详解(三) publish: true Web 存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并 ......
09-HTML5举例:简单的视频播放器
title: 09-HTML5举例:简单的视频播放器 publish: true 我们采用 Bootstrap 网站的图标字体,作为播放器的按钮图标。 index.html的代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
PDFUtils (解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF)
最近用到解析PDF, 整个小公举 解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF 依赖: <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version> ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签,可以使用以下代码: 添加标签: ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接,可以使用以下方法: 1. 通过id获取元素,并使用innerHTML属性修改元素的内容。例如: ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
HTML常用标签
HTML 中常用的标签: <html>:定义 HTML 文档的根元素,包括 <head> 和 <body>。 <head>:定义文档头部,包含元数据和其他文档级设置,如标题、样式表和脚本等。 <body>:定义文档的主体部分,包含文档的内容。 <h1> - <h6>:定义标题,从大到小分别为一级标题 ......
HTML5常用标签
HTML5中常用的标签和高级标签有很多,以下是其中比较常用的标签及其作用说明和标签属性说明: 常用标签 1. <html>标签 <html>标签是HTML文档的根元素,它包含了整个HTML文档。它的属性有: lang:指定页面的主要语言,值为语言代码,例如en表示英语,zh-CN表示简体中文。 2. ......
css常用属性
CSS 常用属性和高级属性的详细参数说明如下: 常用属性 字体属性 font-family: 字体系列 font-size: 字体大小 font-weight: 字体粗细 font-style: 字体样式 line-height: 行高 文本属性 color: 字体颜色 text-align: 文本 ......
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
css使用收集
文字 设定文本块中第一行的缩进 text-indent:5px; 设置文字左右间隔 letter-spacing: 2px; 设置文字上下间隔 line-height: 25px; ......
StiReport打印出空白标签
解决方法: DataSet dsPrintLotLabelID = new DataSet(); dsPrintLotLabelID.Tables.Add(dataPrint.Tables[0].Copy()); //设置数据集名称这句是关键,有时候不设置也可以打印,有时候打印出来空白 dsPrin ......
微信小程序九宫格布局css
微信小程序九宫格布局css .grid-list{ display: flex; flex-wrap: wrap; border-left: 1rpx solid #efefef; border-top: 1rpx solid #efefef; } .grid-item{ width:33.33%; ......
关于vue3如何封装命令式modal(免写组件标签)
由于之前搜索其他modal框封装的文章时,发现大多数在使用时需要引入并注册组件,传入参数再写方法。每次引用时都要经过上述操作,觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式(即避免写组件标签)来弹出弹框,写下这篇文章,方便日后自己复习 调用及效果 先上使用方法及效果 代码 <templ ......
两个div在同一行显示CSS如何实现
一般两个div同行显示可以用float: left和display: inline_block来实现 <div class="div1">div1</div> <div class="div2">div2</div> .div1 { width: 200px; height: 200px; text ......
事件 jQuery 选择器 筛选器 样式操作 CSS操作 文本操作
事件 事件可以理解为:给HTML标签添加了一些额外的功能,并且能够触发JS的代码运行 1.事件就是达到某个触发条件,自动触发的动作 2.常用的事件 1.onclick:当用户点击某个对象是调用的事件句柄 2.onfoucus:元素获取焦点 3.onblur:元素失去焦点 4.onchange:域的内 ......
html5常用的语义化标签
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web ......
用css画箭头
在CSS中,可以使用伪元素 ::before 或 ::after 结合 border 属性来创建箭头。以下是一个简单的示例代码: ```html<div class="arrow"></div>``` ```css.arrow { position: relative; width: 0; heig ......
vue利用正则去除富文本的标签和样式
const removeHtmlStyle =(html :any)=> { let relStyle = /style\s*?=\s*?([‘"])[\s\S]*?\1/g; //去除样式 let relTag = /<.+?>/g; //去除标签 let relClass = /class\s* ......
CSS实现居中的几种方法
1.flex弹性布局、grid网格布局实现居中(可能有兼容问题) 可以将justify-content: center; align-items: center;简写为:place-items:center; place-items是两者的复合属性,接收两个参数,第一个是align-items,第二 ......