Zy82828的博客

如果：盒子的宽高除以2不是很好算，可以使用属性：transform：translate(-50%,-50%);子绝父相（子级绝对定位，父级相对定位）：子级就近查找父级。2.设置边框圆角为盒子宽高的一半——border-radius:50%绝对定位的盒子具备行内块元素的特点，加宽高生效。通过left，right，top，bottom来控制距离，单位依旧是px。绝对定位：即相对于非静态定位的父元素进行定位移动(先找已定位的父级）这里的50%是左边缘移到浏览器的50%，然后在移动盒子宽高的一半即可。

标准流：又称文档流，是浏览器在渲染网页内容是默认采用的一套排版规则。要先找父级，在父级中创建子集标签。2.优势：减少对于HTML中类的依赖，有利于保持代码整洁。1.作用：根据元素在HTML中的结构关系查找元素。n取值为0、1、2、3、4、5、6、......伪元素：一般页面中的非主体内容可以使用伪元素。3.场景：常用于查找某父级选择器中的子元素。2.伪元素：由CSS模拟出的标签效果。1.元素：HTML设置的标签。例：最终结果为"老鼠爱大米"2.伪元素默认是行内元素。例：换行会产生一格空白。

例如：border：10px soild red;soild(实线线段) dashed(虚线线段) dotted(点线)内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)2.浏览器在渲染网页时，会将网页中的元素看作一个矩形区域，我们将其称为盒子。作用：利用width和height属性默认设置是盒子内容区域的大小。属性值：单个取值的连写，取值之间以空格隔开。”，通过盒子的视角可以更方便的进行布局。常见取值：数字+px。属性名：border。

display：inline-block 转换成行内块元素 较多。块级元素一般作为大容器，可以嵌套：文本、块级元素、行内元素、行内块元素等...2.给同一个标签设置相同的样式，此时样式会层叠覆盖，最终写在最后的样式会生效。1.给同一个标签设置不同的样式，此时样式会层叠叠加，会共同作用在标签上。p标签中不要嵌套div,p,h等块级元素，p和h不能相互嵌套。2.h系列标签的font-size会继承失效。特点：子元素有默认继承父元素样式的特点。1.a标签的color会继承失效。

1.背景颜色默认值是透明：rgba(0,0,0,0),transparent。1.方位名词取值和坐标取值可以混用，第一个取值表示水平，第二个取值表示垂直。2.不仅可以用英文单词来表示位置，还可以用像素来表示。3.背景图片仅起到装饰作用，无法撑开盒子。2.背景图片默认在水平和垂直方向平铺。1.背景图片中url中可以省略引号。2.背景颜色不会影响盒子的大小。3.若图片超出盒子，则无法看见。

其中element为HTML骨架，styles为编写的CSS,可在此处快速检查是否出错。在此处可以用鼠标选中对其进行微调，切记要回到VScode中修改并保存。1.排错：以谷歌为例，在谷歌页面点击鼠标右键选中检查。属性名：margin：0 auto。排错和调试工具便于后续检查代码。注意：在CSS中加入这个。2.标签水平居中方法。

直接在CSS中输入字体名即可 例font-family：宋体，也可自行选择。如：无衬线字体，衬线字体和等宽字体；注意：若同时设置单独和连写形式，要么把单独的样式写在连写的下面，要么把单独的样式写在连写的里面。所谓样式重叠问题，就是给同一种标签设置了相同的样式，这个标签该如何渲染呢?若多种字体之间用逗号隔开，则按照电脑是否拥有此字体哟此执行。注意：若字体名称中存在多个单词，适合用引号包裹；结果：样式会覆盖，此时写在最下面的样式会生效。注意：一定要加单位px，否则字体的大小不变。

若想选中子标签，则需在父选择器后写入子选择器，选择器与选择器之间用>号隔开，此选择器只能选中子代，无法选中其他后代。若想选中子标签，则需在父选择器后写入子选择器，选择器与选择器之间用空格隔开，此选择器可以选中所有后代。作用：选中鼠标悬停在元素上的状态，设置样式。作用：若标签有重叠的情况，交集选择器可以准确选中想要的标签。效果：p,div,span,h1标签变红，h2不变。方法：将嵌套关系中的父与子选择器之间加点(.)方法：选择器与选择器之间用逗号隔开。方法：选择器名后加一个冒号。#hover伪类选择器。

给按钮添加显示文字用：value。表单预标签：form。

音频标签 <audio src="----" controls></audio>视频标签 <video src="----" controls></video>strong 加粗。del 删除线。ins 下划线。em 倾斜。controls 显示播放的控件。controls 显示播放的控件。autoplay 自动播放。autoplay 自动播放。

1.无语义2.有语义。

1.内嵌式：CSS卸载style标签中，通常写在head标签中，在title的下方。2.外联式：CSS卸载一个单独的.css文件中，需要link标签在网页中引入。1.标签选择器：就是以标签命名的选择器，对其选中的所有标签都生效。3.行内式：CSS写在标签的style属性中。

dl 表示自定义列表的整体，用于包裹dt/dd标签。dd 表示自定义列表的针对主题的每一项内容。标签名 说明。dt/dd标签可以包含任意内容。#注意：dl标签中只允许包含dt/dd标签。*注意点：ul标签中只允许包含li标签。*li标签中可以包含任何内容。

caption 表格大标题 表示表格整体大标题，默认在整体顶部居中位置显示。colspan 合并单元格的个数 跨列合并，将多列的单元格水平合并。rowspan 合并单元格的个数 跨行合并，将多行的单元格垂直合并。只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨：thead,tbody,tfoot)