格式vscode html css
CSS文章推荐
title: 认识Web和Web标准 publish: false 2020-03-16 Bootstrap 中文文档:https://code.z01.com/v4/content/tables.html 2020-03-13 CSS实现鼠标悬停弹出微信二维码 ......
CSS的一些小知识
title: 认识Web和Web标准 publish: false 隐藏盒子的几种方式 隐藏盒子,有以下几种方式: (1)方式一: overflow:hidden; //隐藏盒子超出的部分 (2)方式二: display: none; 隐藏盒子,而且不占位置(用的最多) 比如,点击X,关闭京东首页上 ......
01-CSS中的非布局样式
title: 01-CSS中的非布局样式 publish: true 前言 CSS中,有很多非布局样式,这些样式(属性)和与布局无关,包括: 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性(粗体、斜体、下划线)等。 这篇文章,我们来对上面的部分样式做一个回顾。 边框 如何用边框画一 ......
11-CSS3属性详解(一)
title: 11-CSS3属性详解(一) publish: true 前言 我们在上一篇文章中学习了CSS3的选择器,本文来学一下CSS3的一些属性。 本文主要内容: 文本 盒模型中的 box-sizing 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 文本 text-shadow:设置文 ......
12-CSS3属性详解:动画详解
title: 12-CSS3属性详解:动画详解 publish: true 前言 本文主要内容: 过渡:transition 2D 转换 transform 3D 转换 transform 动画:animation 过渡:transition transition的中文含义是过渡。过渡是CSS3中具 ......
17-CSS3的常见边框汇总
title: 17-CSS3的常见边框汇总 publish: true CSS3 常见边框汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul ......
14-CSS3属性详解:Web字体
title: 14-CSS3属性详解:Web字体 publish: true 前言 开发人员可以为自已的网页指定特殊的字体(将指定字体提前下载到站点中),无需考虑用户电脑上是否安装了此特殊字体。从此,把特殊字体处理成图片的方式便成为了过去。 支持程度比较好,甚至 IE 低版本的浏览器也能支持。 字体 ......
13-CSS3属性:Flex布局图文详解
title: 13-CSS3属性:Flex布局图文详解 publish: true 前言 CSS3中的 flex 属性,在布局方面做了非常大的改进,使得我们对多个元素之间的布局排列变得十分灵活,适应性非常强。其强大的伸缩性和自适应性,在网页开中可以发挥极大的作用。 flex 初体验 我们先来看看下面 ......
08-CSS属性:定位属性
title: 08-CSS属性:定位属性 publish: true CSS的定位属性有三种,分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; ......
09-CSS案例讲解:博雅互动
title: 09-CSS案例讲解:博雅互动 publish: true 前言 CSS已经学了一些基础内容了,我们来讲解一个小案例吧。以博雅互动的官网首页举例。 版心 首页的版心如下: 这里我们要普及一个概念,叫“版心”。版心是页面中主要内容所在的区域。 比如说,网站左上角的logo,设计图给出的左 ......
10-CSS3选择器详解
title: 10-CSS3选择器详解 publish: true CSS3介绍 CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 CSS3的现状 浏览器支持程度不够好,有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对 ......
vue全家桶进阶之路42:Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器,它们的主要目的是简化CSS的编写,增加可维护性,并提供更丰富的功能。下面是它们与普通的CSS的区别: 语法:SCSS和SASS都具有比普通CSS更丰富的语法。其中,SASS使用缩进来表示嵌套,而SCSS则使用类似于CSS的花括号语法。因此,SCSS更易于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中的 ......
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 区域的元素。下面来分 ......
06-HTML标签:图片标签
title: 06-HTML标签:图片标签 publish: true img标签介绍 介绍 img: 英文全称 image(图像),代表的是一张图片。 如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下: <img src="图片的URL" /> 能插入的图片类型 能够插入 ......
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 ......
04-HTML标签:排版标签
title: 04-HTML标签:排版标签 publish: true 本文主要内容 排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。 标题标签 标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标 ......
07-html标签图文详解(二)
title: 07-HTML标签图文详解(二) 本文主要内容 列表标签:<ul>、<ol>、<dl> 表格标签:<table> 框架标签及内嵌框架<iframe> 表单标签:<form> 多媒体标签 滚动字幕标签:<marquee> 列表标签 列表标签分为三种。 1、无序列表<ul>,无序列表中的每 ......
10-HTML5详解(二)
title: 10-HTML5详解(二) publish: true 本文主要内容 拖拽 历史 地理位置 全屏 拖拽 如上图所示,我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中,我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作,其中图片、链接 ......
11-HTML5详解(三)
title: 11-HTML5详解(三) publish: true Web 存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并 ......
05-HTML标签:字体标签和超链接
title: 05-HTML标签:字体标签和超链接 publish: true 本文主要内容 字体标签: <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签 特殊字符(转义字符) :空格 (non-breaking spacing,不断打空格) < ......
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> ......
Vscode 卡顿、CPU 过高问题解决
原则:非必要不要搞很多Vscode的插件,Vscode本身插件很强大,但是非必要不要使用很多插件。 在 VSCode 扩展市场目前其实存在着不少下载量特别高但是不应该再被使用的扩展,显然官方是不可能直接给你标出来哪些扩展已经被废弃了,哪些有严重 bug,纯靠扩展作者自觉。 第一步:Ctrl+ Shi ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签,可以使用以下代码: 添加标签: ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
c++输出格式控制
一. 控制符 需要<iomanip>头文件 常用:1.保留几位有效数字:setpricision(),括号里是保留的位数 2.保留几位小数:setiosflags(ios::fixed)<<setpricision(),括号里是保留的位数(注意前面半句会影响此后所有setpricision()的用法 ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接,可以使用以下方法: 1. 通过id获取元素,并使用innerHTML属性修改元素的内容。例如: ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......