- 2024-09-22前端——元素类型+文字样式
一、元素类型1.块级元素>块级标签:div p h1~h6 ul ol li dldtddhrbr等 还有表格标签 table特征:1.独占一行 不会共享一行的位置 2.不设置宽度 默认是继承父级宽度100% 结构上没有父级那就是浏览器 3.高度不设置默认由内容撑开
- 2024-09-03markdown符号双下标如何实现？ 行内公式 | 上标下标 | 行内公式 | 单独公式快
实现效果：一、行内公式：\(J^x_{ij}\)二、换行单独的公式块：\[J^x_{ij}\]如何实现？一、行内公式：$J^x_{ij}$二、换行单独的公式块：$$J^x_{ij}$$解释：（1）^符号后接上标（2）_符号后接下标（4）如果同时有两个上/下标，则需要使用{}来将符号括起来代码与文字齐飞，逻辑共创意一色！若我的
- 2024-08-30CSS样式美化
文章目录一、CSS复合选择器1.后代选择器2.子元素选择器3.并集选择器4.链接伪类选择器二、标签显示模式1.块级元素(block-level)2.行内元素(inline-level)3.行内块元素（inline-block）4.标签显示模式转换display三、行高（line-height）1.行高测量2.单行文本垂直居中四、CSS
- 2024-08-19CSS3第三天（盒子模型+浮动）
盒子模型1.内边距padding指定了高宽，再指定内边距，则会撑开盒子。盒子未指定高宽（继承算未指定），则不会撑开盒子。2.外边距margin用于控制盒子之间的距离。同padding的简写方式。margin-left左外边距righttopbottom块级盒子水平居中，需满足两个条件：①盒子必须指定了宽度②盒
- 2024-08-13CSS笔记总结（Xmind格式）：第二天
Xmind鸟瞰图：简单文字总结：css知识总结：复合选择器： 1.交集选择器：在一个选择器的基础上，再增加一个选择器来增加条件（中间不能有任何符号包括空格） 2.并集选择器：多个选择器之间用逗号隔开，表示同时选择多个标签使用样式 3.后代选择器：使用空格分隔 4.子元
- 2024-07-14CSS（2）
6.复合选择器1.后代选择器选中所有后代，包括儿子，孙子等等格式：父选择器 子选择器{CSS属性}<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0
- 2024-06-20HTML(13)——显示模式
显示模式：标签的显示方式作用：布局网页时，根据标签的显示模式选择合适的标签摆放内容显示模式块级元素独占一行宽度默认为父级的100%添加宽高属性生效行内元素 一行可以显示多个设置宽高属性不生效宽高尺寸由内容撑开行内块元素一行可以显示多个设置宽高属性生效宽高尺寸
- 2024-06-19Typora行内公式识别不了
Typora行内公式识别不了，主要是因为行内公式属于LaTeX扩展语法，并非Markdown的通用标准需要在Typora的“文件”-“偏好设置”-“Markdown扩展语法”中，勾选“内联公式”一项，Typora才会予以解析。成功效果
- 2024-06-16typora快捷键配置
typora高亮快捷键配置(typora的高亮没有默认快捷键,需要自己添加)1.激活高亮功能偏好设置→markdown→markdown扩展语法→勾选高亮2.添加快捷键(原教程可参见官网)首先可将typra的语言显示换成English,方便后续定义:偏好设置→通用→语言每个软件,理论上每个
- 2024-06-15css-02
一.CSS复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的●目的是为了可以选择更准确更精细的目标元素标签。1.1并集选择器 并集选择器（css选择器分组）是各个选择器通过**逗号**连接而成的，任何形式的选择器（包括标签选
- 2024-06-03前端开发，块元素与行内元素
块元素行内元素块元素会在页面中独占一行行内元素不会独占页面中的一行可以设置width/height属性设置width/height属性无效一般块级元素可以包含行内元素和其他块级元素一般行内元素包含行内元素，不包含块级元素 常见的块级元素div、form、h1~h6、hr、
- 2024-06-03html语言学习笔记
语法<p></p>段落<br/>段内换行<h1~h6>标题<pre></pre>预留格式文本，保留空格和空行，不用写<br/>和 <span></span>行内组合用法：组合行内元素，方便css样式来格式化。例子：<styletype="text/css">span{color:blue;font-weight:bold;}</
- 2024-04-16markdown语法笔记
markdown语法笔记目录markdown语法笔记一、标题1.Setext风格的标题定义方式2.Atx风格的标题定义方式3.小结二、段落1.正文2.段落3.不分段换行4.缩进、空白行5.小结三、粗体与斜体四、文本高亮五、下划线、分割线与删除线六、列表1.普通列表2.TODO列表七、引用八、行
- 2024-04-09CSS——行内块的幽灵空白问题的多种解决方法
行内块元素之间的幽灵空白问题是指在HTML中，行内块元素（如、等）之间可能存在的空白间隙，这些空白间隙由元素之间的换行、空格或制表符等引起。这些空白间隙可能会导致页面布局出现意外的间距。解决方法：1.使用负边距通过设置负边距来消除行内块元素之间的空白。span{dis
- 2024-04-05Radium 行内样式在 React18 中不生效
问题React17升级到18之后，行内样式借助Radium包实现hover和媒体查询，无法生效。npmiradium-S下载Radium依赖包App.jsimportRadiumfrom'radium'conststyleObj={width:100,height:100,backgroundColor:'#FAE',':hover':{backgro
- 2024-03-28CSS 空白问题汇总
元素之间的空白问题行内元素、行内块元素，彼此之间的换行会被浏览器解析为一个空白字符去除换行和空格给父元素font-size:0再给需要显示的元素单独设置大小行内块元素的空白问题行内块元素与文本的基线对齐，基线不是最底端，故有一定的距离解决：给行内元素设置vertical，值
- 2024-03-28使用 CSS 布局小技巧
行内元素、行内块元素，可以被父元素当作文本处理例如：下列可以用于上述元素，text-align,line-height,text-indent如何让子元素，在父亲中水平居中若子元素是块元素，给父元素加上margin:0auto;若子元素是行内元素、行内块元素给父元素加上text-align:center;如何让子元素
- 2024-03-275. 各类元素总结
块元素页面独占一行，默认宽度撑满父级元素，默认高度由内容撑开，可以设置CSS主体结构标签：<html>,<body>排版元素：<h1>-<h6>，<hr>，<pr>，<pre>，<div>列表元素：<ul>，<ol>，<li>，<dl>，<dt>，<dd>、表格相关标签：<table>，<tbody>，
- 2024-03-24CSS（二）
一、CSS的复合选择器1.1什么是复合选择器在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签）复合选择器是由两个或多个基础选择器，
- 2024-03-21前端学习-html
1基础知识1.1BS架构和CS架构CS架构是客户端/服务器，需要安装客户端，例如手机app，PC应用BS架构是浏览器/服务器，适合功能简单的开发1.2浏览器内核浏览器内核渲染前端页面（将前端代码展示出来）1.3推荐网站https://developer.mozilla.org/zh-CN/2HTML标签2.1分类（1）按照结构
- 2024-03-19第三章总结
盒子模型在css中，一个独立的盒子模型由内容（content）、内边距（padding）、边框（border）、和外边距（margin）4个部分组成。 此外，对padding、border、和margin可以进一步细化为上、下、左、右四个部分，在css中可以分别进行设置。块级元素块级元素默认占一行高度，一行内通常只有一个块
- 2024-03-18行内元素，块级元素，行内块元素
参考连接：https://blog.csdn.net/weixin_44706267/article/details/121022104 一、html元素分类html元素：行内元素、块元素、行内块元素二、块元素常见的块级元素：<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>、<dd>、<dt>、<dl>等，其中
- 2024-03-15第三章总结
3.1盒子模型3.2块级元素与行内块元素3.2.1块级元素 块级元素默认占一行高度，一行内通常只有一个块级元素(浮动后除外)，添加新的块级元素时，会自动换行，块级元素一般作为盒子出现。块级元素的特点如下:(1)一个块级元素占一行。(2)块级元素的默认高度由内容决
- 2024-03-13Css基础——vertical-align属性
1、vertical-align的定义CSS的vertical-align属性使用场景：经常用于设置图片或者表单(行内块元素）和文字垂直对齐。官方解释：用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。2、vertical-align的语法vertical-align:baseline|top|midd
- 2024-03-13第三章 页面布局 总结
1、盒子模型 微信小程序的视图层由WXML和WXSS组成。其中，WXSS(WeiXinStyleSheets)是基于CSS拓展的样式语言，用于描述WXMI的组成样式，决定WXMI的组件如何显示。WXSS具有CSS的大部分特性。 在页面设计中，只有掌握了盒子模型以及盒子模型的各个属性和应