横向 标签html css
contenteditable设为true时，execCommand 切换 h2标签和div标签问题
如代码，设置contenteditable="true"，使用 document.execCommand("formatBlock", false, nodeName) 来回切换h2标签和div标签时，会在h2标签中生成div标签和h2标签，不将原有的h2标签替换 <div class="mainT ......
让你一天就可以掌握HTML5的基础
HTML5 一直是非常热门的话题，因此此系列文章主要从一些基本功能开始讲起，逐步深入了解HTML5的新概念。 首先了解一些基本的术语和概念。 SGML, HTML,XML三者之间的区别 Doc类型是什么 HTML5 有什么新特点新优势。 学习HTML5 在开始之前首先来区分SGMC，HTML,XML ......
CSS3媒体查询
什么是媒体查询？ 媒体查询（Media Query）是CSS3新语法。 - 使用 @media 查询，可以针对不同的媒体类型定义不同的样式 - @media 可以针对不同的屏幕尺寸设置不同的样式 - 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 - 目前针对很多苹果手机、A ......
每日汇报 第五周第一天 CSS颜色
今日学习： CSS颜色的学习，代码如下： html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, ......
CSS3 技术中的数字 3 代表什么含义
在讨论 `CSS3`时，数字“3”表示这是CSS（`Cascading Style Sheets`，层叠样式表）的第三个版本。CSS是一种用于描述HTML（或XML和SVG）文档如何被呈现或显示的样式表语言。CSS3并非一个单一的规范，而是一系列的模块，每个模块都有各自独立的功能和特性。 以下是CS ......
css 笔记
一、inline-block 与 overflow:hidden 的冲突 inline-block元素设置overflow:hidden后，其本身会上移 解决方法：在该元素或其父元素上设置 vertical-align: bottom; 原因解释：inline-block元素被设置oveflow非v ......
CSS常用基础
# 选择id . 选择类名 position: absolute; 这是CSS中用于设置元素定位方式的属性之一。absolute 表示该元素会脱离文档流，并相对于它的最近的非static（默认值）定位的父元素进行定位。如果没有符合条件的父元素，那么该元素会相对于整个文档进行定位。使用absolute ......
echarts记录篇(三 )：使用横向柱状图实现左侧分类对齐右侧显示数据效果及数据过多加滚动条无缩放效果
一、效果如下： 二、直接上代码 上一篇已经说过左侧分类，右侧数据对齐的方法，如果需要移步上篇， 此篇主要是纵向滚动条功能，代码如下： dataZoom: [ { type: "slider", realtime: true, // 拖动时，是否实时更新系列的视图 startValue: 0, end ......
echarts记录篇(二 )：使用横向柱状图实现左侧分类对齐右侧显示数据效果
一、效果图如下： 二、直接上代码 yAxis: [ {//左侧name分类 inverse: true, //如果数据数组倒置排序，加上此代码 data:categories1, axisLabel: { fontSize: 16, color: '#fff' }, axisLine:{ show: ......
HTML | HTML列表
### **1.** **有序列表** 概念：有顺序或侧重顺序的列表。 ```html 要把大象放冰箱总共分几步 把冰箱门打开 把大象放进去 把冰箱门关上 ``` ### **2.** **无序列表** 概念：无顺序或不侧重顺序的列表。 ```html 我想去的几个城市 成都 上海 西安 武汉 `` ......
HTML | HTML超链接
主要作用：从当前页面进行跳转。 可以实现：①跳转到指定页面、②跳转到指定文件（也可触发下载）、③跳转到锚点位置、④唤起指定应用。 | **标签名** | 标签语义 | **常用属性** | **单** **/** **双 标签** | | : : | : : | | : : | | `a` | 超链 ......
常用css颜色收集
1. 几种柔和配色 蓝色 #A1E7FE 黄色 #FEEBB1 粉红色 #FAD8EC 绿色 #D5E394 橘黄色 #FBBA9C 2. 中国传统色 3. 传统42色 ......
HTML | HTML实体
在 `HTML` 中我们可以用一种**特殊的形式**的内容，来表示某个**符号**，这种特殊形式的内容，就是 `HTML` 实体。比如小于号 ` **字符实体**由三部分组成：一个 `&` 和 一个实体名称（或者一个 `#` 和 一个实体编号），最后加上一个分号` ;` 。 常见字符实体总结： ![ ......
Prometheus-5：relabel标签重新打标
Prometheus relabel重新打标 对target重新打标是在数据抓取之前动态重写target标签的强大工具，在每个数据抓取配置中，可以定义多个relabel步骤，它们将按照定义的顺序依次执行。 对于发现的每个target，Prometheus默认会执行如下操作： job的标签设定为其所属 ......
html5-新特性
新增了header,nav,article,section,footer等语义标签 新增了input表单类型mail, url, date, time ,month,week,nubmer,tel,search,color 新增表单属性require（必填属性）placeholder（提示文本）au ......
css预处理器
一。为什么要使用css预处理器呢 1.传统的css没有像js，一样拥有编程语言的能力，能够拥有常量、变量、以及语法，这样随着网站的发展势必会造成css代码会显得非常臃肿以及难以维护，于是css预处理器作为css的扩展就出现在了我们面前。 二。sass 是一种动态样式语言，sass语言属于缩排语法，比 ......
css案例-样式初始化
* { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe ......
每日汇报 第四周第七天 简单的css和JAVAI/O流
今日所学： 简单的css设计；掌握BufferedInputStream类与BufferedOutputStream类的构造方法及其参数含义；明确BufferedReader类与BufferedWriter类是以行为单位进行输入/输出的；掌握BufferedReader类与BufferedWrite ......
html标签
### img标签 ```html 标签的属性： 1、自带属性 2、自定义属性 src: alt: width and height ``` ### a标签 ```html href： title: target = "_blank": target = "_self": ``` ### 列表 `` ......
CSS标签
### 伪类选择器 ```html ``` ### 伪元素选择器 ```html ``` ### 选择器的优先级 ```html 关关雎鸠在河之洲， 窈窕淑女君子好逑.--> ``` ### CSS相关属性 ```html ``` ### 字体属性 ```css p{ /*第一个生效了用第一个，第一 ......
HTML认识前端
### 前端 ```python 什么是前端？ 前端就是用户可以直接看得到的视图层就是前端 什么是后端？ 后端是和数据打交道的，在用户看不到的 ``` ### 前端学习的内容 ```python """前端三剑客""" HTML：一个网页的骨架，没有任何样式 CSS：给一个网页添加样式，让其变得更加 ......
pom.xml中的<scope></scope>标签详解
1、scope标签的值的种类：1、compile：默认值，可省略不写。此值表示该依赖需要参与到项目的编译、测试以及运行周期中，打包时也要包含进去。2、test：该依赖仅仅参与测试相关的工作，包括测试代码的编译和执行，不会被打包，例如：junit。3、runtime：该依赖项目无需参与项目的编译，不过 ......
css基础-垂直对齐vertical-align
什么是垂直对齐vertical-align指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。不能用它垂直对齐块无素必须是行内或者行内块元素 对齐方式有哪些 /* Keyword values */ vertical-align: baseline; vertical ......
CSS2.1规范笔记——10 视觉格式化模型细节
视觉格式化模型细节 包含块的定义 元素（生成的）盒的位置有时候是根据一个特定的矩形计算的，叫做元素的包含块（containing block）。元素包含块的定义如下： 元素 包含块 其为根元素。 其包含块是一个被称为初始包含块的矩形。对连续媒体，尺寸取自视口的尺寸，并且被固定在画布开始的位置；对于分 ......
CSS2.1规范笔记——9.5 浮动
浮动 一个浮动盒会向左或向右移动，直到其外边界挨到包含块边界或者另一个浮动盒的外边界。如果存在行框，浮动盒的上外（边界）会与当前行框的上（边界）对齐。如果没有足够的水平空间来浮动，它会向下移动，直到空间合适或者再没出现过其他浮动。 因为浮动盒不在常规流内，在浮动盒之前或者之后创建的非定位块盒会垂直排 ......
CSS2.1规范笔记——9.6 绝对定位
绝对定位 绝对定位模型中，盒相对其包含块偏移，它会从常规流中全部移除（不会影响后面的兄弟）。绝对定位的盒会为常规流中的子级和绝对（不包括fixed）定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容（或者被它们自身遮住），取决于重叠盒的堆叠层级（st ......
CSS2.1规范笔记——9.7 分层展示
分层展示 z-index属性 该属性指定了： 当前堆叠上限爱问（stacking context）中，该盒的堆叠层级（stack level）； 该盒是否应该建立一个堆叠上下文； 该属性的取值为： <integer>：是生成盒当前堆叠上下文中的堆叠层级，该盒还会建立一个新的堆叠上下文。 auto：生 ......
CSS2.1规范——9.3 定位方案
定位方案 三种定位方案及其优先级 css2.1中，一个盒可能会根据三种定位方案来布局： 常规流：包括块级盒的块格式化、行内级盒的行内格式化和块级与行内级盒的相对定位。 浮动：在浮动模型中，盒先根据常规流来放置，然后从常规流中取出来并尽可能远地向左或向右移动。其他内容可能沿着浮动（盒）的一侧排列。 绝 ......
CSS2.1规范笔记——9.4 常规流
常规流 常规流中的盒属于一个FC，可能是BFC或是IFC中的一个。块级盒参与BFC，行内级盒参与IFC。 BFC BFC的产生条件： float：left | right position：absolute | fixed display：inline-block | table-cell | ta ......
CSS2.1规范笔记——9.2 控制盒的生成
控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型： none：此元素不会被显示。 block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行 ......