m0_67846661的博客

css和HTML文本样式合计汇总

2022年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。概述本文是在 Google IO 2022上发表的演讲的文字形式。这里不会对每个功能进行深入的讲解，而是对每个功能进行简要概述，提供广度而不是深度。下面是这些 CSS 功能的概览：浏览器兼容性将这么多 CSS 功能设置为合作发布的主要原因是来自 Interop 2022 的努力，下面就来看看 Interop 2022 和 Compat 2021 分别做出了哪些努力。1.

目录（PC端推荐用法后面加▲）[TOC]一、水平居中一,二,三章都是parent+son的简单结构,html代码和效果图就不贴出来了,第四章以后才有(1)文本/行内/行内块级▲原理：text-align只控制行内内容(文字、行内元素、行内块级元素)如何相对他的块父元素对齐#parent{text-align: center;}优缺点优点：简单快捷，容易理解，兼容性非常好 缺点：只对行内内容有效；属性会继承影响到后代行内内容；如果子元素宽度大于父元素宽度则无效，但是后代行

1.贴图：<img src="图片地址">2.加入连接：<a href="所要连接的相关地址">写上你想写的字</a>3.在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>消除连接的下划线在新窗口打开连接：<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>4.移动字体

HTML 代码部分块级元素<div class="parent"> <div class="child">child</div></div>复制代码行内元素<div class="parent"> <span class="child">child</span></div>复制代码水平居中01 行内元素 text-align: center;.parent {

1、随机排列数组使用排序和随机方法对数组进行洗牌非常容易。 const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());console.log(shuffleArray([1, 2, 3, 4])); // Result: [ 1, 4, 3, 2 ] 2、检查日期是否有效使用以下代码段检查给定日期是否有效。 const isDateValid = (...val) =&gt

代码如下：<input type=button value=刷新 οnclick="history.go(0)">代码如下：<input type=button value=刷新 οnclick="location.reload()">代码如下：<input type=button value=刷新 οnclick="location=location">代码如下：<input type=button value=刷新 οnclick="

表单元素：不同类型的 input 元素， 复选框，单选框， 提交按钮 。 其中 input 元素有不同形态即type属性：text文本，radio单选，submit提交。value是值，submit表单处理程序[form-handler]提交表单的按钮：action指定表单处理程序。<form action="1.jsp" name="messages" method="GET" target="self"> <input type="text" name="usern...

HTML input标签的属性：1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。具体它有那些值，我们后面再讨论。2.required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。3.pattern

<p>height:2px;是hr的高度;<br> border:none;是没有边框;<br> border-top:2px dotted #185598;是设置横线的样式<br> none：无样式；dotted：点线；dashed：虚线；solid：实线；double：双线；groove：槽线；ridge：脊线；inset：内凹；outset：外凸;groove 上颜色&nbsp;&nbsp;skyblue 下颜色。&l...

1、section元素，表示页面中的一个块元素，比如章节、页眉、页脚或者页面中的其它部份。它可以与h1h2h3h4h5h6等元素结合起来使用，标识文档结构。<section>....</section>2、article元素，表示页面中一块与上下文不相关的独立内容，如博客中的一篇文章。<article>...</article>3、aside元素，表示article元素的内容之外的，与article元素的内容相关辅助信息。<aside