. ---- CSS(层叠样式表) CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态修饰网页,还可以配合各种脚本语言动态地对网页哥元素进行格式化。.../7下表现为实线) dashed 虚线(在IE6/7下表现为实线) border-top 设置上边框 border-top-color 设置上边框的颜色 border-top-style 设置上边框的样式...right 设置定位元素右外边距边界与其包含块右边界之间的偏移 left 设置定位元素左外边距边界与其包含块左边界之间的偏移 top 设置定位元素上外边距边界与其包含块上边界之间的偏移 overflow...规定当内容溢出元素框时发生的事情 cursor 规定要显示的光标的类型 float 规定框是否应该浮动 display 规定元素应该生成的框的类型 vertical-align 设置元素的垂直对齐方式...:bofore 在元素之前添加内容 :after 在元素之后添加内容 ---- 结束语 简单不先于复杂,而是在复杂之后
flex-*-row-reverse 根据不同的荧幕设备在水平方向显示弹性子元素且右对齐 flex-*-column 根据不同的荧幕设备在垂直方向显示弹性子元素 flex-*-column-reverse...根据不同荧幕设备在尾部显示弹性子元素 (右对齐) justify-content-*-center 根据不同荧幕设备在 flex 容器中居中显示子元素 justify-content-*-between...可以在 标签中使用 dropdown-divider 类用于在下拉式功能表中创建一个水平的分割线 dropdown-header 类用于在下拉式功能表中添加标题 active 类会让下拉式功能表的选项高亮显示...在元素上的 .dropdown-menu 类后添加 .dropdown-menu-right 类,使下拉式功能表右对齐。 dropright类,下拉式功能表向右弹出。...内联表单需要在 元素上添加 .form-inline 类 所有内联表单中的元素都是左对齐的 在荧幕宽度 小于 576px 时为垂直堆叠,如果荧幕宽度 大于等于 576px 时表单元素才会显示在同一个水平线上
类选择符 用类选择符你能够把相同的元素分类定义不同的样式,定义类选择符时,在自定类的名称前面加一个点号。...包含选择符 可以单独对某种元素包含关系定义的样式表,元素1里包含元素2,这种方式只对在元素1里的元素2定义,对单独的元素1或元素2无定义,例如: table a { font-size: 12px...} 在表格内的链接改变了样式,文字大小为12象素,而表格外的链接的文字仍为默认大小。...另外,当样式表继承遇到冲突时,总是以最后定义的样式为准。...注释 你可以在CSS中插入注释来说明你代码的意思,注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中,注释是不显示的。
sub:使元素的基线与父元素的下标基线对齐。 super:使元素的基线与父元素的上标基线对齐。 text-top:使元素的基线与父元素的上标基线对齐。...注意 vertical-align 只对行内元素、表格单元格元素生效:不能用它垂直对齐块级元素。 资源:MDN。...2. writing-mode writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向。...为整个文档设置书时,应在根元素上设置它(对于 HTML 文档应该在 html 元素上设置)。...all:在一个HTML编辑器中,当双击子元素或者上下文时,那么包含该子元素的最顶层元素也会被选中。 ? 资源:MDN。 大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。
目录 1.标题 2.列表 3.代码块 4.表格 5.链接 6.嵌套 7.分隔符 8.字体 9.表情 10.清单选项表 11.键盘键 12.缩放 1.标题 #h1级标题 ##h2级标题...#块引用 给引用的文本开始位置都加一个 '>', '>'便可组成一个块引用。在块引用中,可以结合 '>'其他markdown元素一块使用,比如列表。...'>**强调**' 也可以只在第一行加大于号,其他位置不加。 '>-' 块引用里使用列表,需要和上面的内容隔开一个空行 '>- '记得加空格哦。...居中 | 左对齐 | 右对齐 | | ========= | =============== | ============ | 简约写法 a | b | c...:-:|:- |-: 居中 | 左对齐 | 右对齐 ============|=================|============= #html表格
" type="text/css" href="*.css" /> 内部样式表: 在文档头部的标签中定义内部样式表 <style type="text...长度值: <em>元素</em>内边距左上角的偏移 背景关联: background-attachment属性:页面向下滚动<em>时</em>,背景也会一起滚动 文本样式: 缩进文本: text-indent属性: 实现文本缩进...,属性值是px/em/负值/百分 数 水平对齐: text-align属性: 实现文本的对齐方式 left:左对齐 right:<em>右对齐</em> center:居中(和标签不同,后者是对<em>元素</em>操作...pre-line 合并 保留 允许 normal 合并 忽略 允许 nowrap 合并 忽略 不允许 pre 保留 保留 不允许 pre-wrap 保留 保留 允许 文本方向: direction属性: <em>块</em>级<em>元素</em>中的文本书写方向...: text-align属性: (水平对齐) left:左对齐 right:<em>右对齐</em> center:居中(和标签不同,后者是对<em>元素</em>操作,而前者只对文本有效) justify“
块级元素总是在新行上开始并占据一整行,宽度和高度以及外边距和内边距都可以控制,宽度始终与浏览器宽度一样,与内容无关。块级元素可以容纳内联元素和其他块元素。...内联元素与块级元素的转换 块元素(block element)和内联元素(inline element)都是html规范中的概念。在加入了CSS控制以后,可以改变块元素和内联元素之间的差异。...比如,我们可以把内联元素在style属性中加上display:block,使内联元素具有块元素的特点,也可以在块元素中加上display:inline,使它具有内联元素的特点。...CSS中还有一个dipslay:inline-block,显示为内联块元素,表现为同行显示并可修改宽高内外边距等属性。...标签定义 HTML 表格tbody标签表格主体(正文)td表格中的标准单元格tfoot定义表格的页脚(脚注或表注)th定义表头单元格thead标签定义表格的表头tr定义表格中的行 3.2 行内元素列表
有序列表即把替换为 HTML块 HTML 元素被定义为块级元素(block level element)或内联元素(inline element)。...块级元素在浏览器中以新的一行开始和结束例如, , , ,内联元素如, , , HTML元素 是块级元素,作为组合其他元素的容器...absolute元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。...设置左右对齐 position:absolute; right:0px; float设置左右对齐 float:right; 属性 描述 clear 设置一个元素的侧面是否允许其他的浮动元素。...cursor 规定当指向某元素之上时显示的指针类型。 display 设置是否及如何显示元素。 float 定义元素在哪个方向浮动。
基本上,可以看出是position:relative和position:fixed的结合体——当元素在屏幕内,表现为relative,当元素要滚出显示器屏幕时,表现为fixed。...block 块类型。默认宽度为父元素宽度,可设置宽高,换行显示。 inline 行内元素类型。默认宽度为内容宽度,不可设置宽高,同行显示。...list-item 像块类型元素一样显示,并添加样式列表标记。 table 此元素会作为块级表格来显示。 inherit 规定应该从父元素继承display属性的值。...不会自动换行; (2)块级元素 可以设置宽高; 设置margin和padding都有效; 可以自动换行; 多个块状,默认排列从上到下。 重绘回流 1....然后计算他们在页面上的大小和位置,最后把节点绘制到页面上。
②h标签用于align属性,用于设置对其方式,常用值如下: left:左对齐 right:右对齐 center文本居中对齐 justify两端对齐(需要多行文本才可以看出效果) 网页显示效果如下图...,以便通过层叠样式表(CSS)来格式化它们。...⑤ 标签:可以把页面分割为独立的、不同的部分,可以作为元素的组织工具。...代码表现为: 网页表现为: 6.无序排列标签:块级标签,使用ul+li组合 ul标签只能包裹ul标签.ul标签可以包裹任意标签 ul标签中type属性:设置排序样式 type="disc...value=""属性: 作用于输入框时,作为输入框默认输入内容 作用于按钮时,作为按钮的名称 name=""属性: 作用于输入框时,表示提交给服务器的字段信息 代码表现为:
表格的对齐和格式设置可以通过在表头下方的冒号位置来设置表格中文本的对齐方式:冒号在左侧:左对齐冒号在右侧:右对齐冒号在两侧:居中对齐例如:| 左对齐 | 居中对齐 | 右对齐 ||:------|:--...表格、代码块和行内代码等功能使得编写和分享文档变得更加便捷。...排版的一致性为了保持文档的一致性,建议在排版时使用相同的标准。例如,统一使用相同数量的空格缩进代码块,避免出现排版混乱的情况。...通过本文的介绍,我们了解了 Markdown 的基础语法和一些高级功能,包括标题、列表、链接、图片、代码块、表格等。Markdown以其简洁、直观的语法,广泛应用于写作、博客、文档等领域。...在选择编辑器时,可以根据个人的喜好和需求选择合适的工具,同时注意在不同编辑器之间的渲染差异。使用 Markdown 时,还要留意一些常见问题,如排版一致性、图片路径和特殊字符的处理。
中,dt、dd默认为块级元素。...将所有列表项放置同一行 .pre-scrollable 使 元素可滚动,代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条 【文字颜色样式】 .text-muted 柔和的文本..."> .table-dark 定义黑色背景的表格,示例: .table-responsive 创建响应式表格:在屏幕宽度小于 992px...【卡片】卡片用于定义一块带圆角的区域。...,某一个折叠选项显示时其他选项就隐藏。
Markdown语法介绍 Markdown是一种轻量级标记语言,它使普通文本具有的一定的格式;类似HTML语言,语法只是HTML的一部分,让写作者专注于写作而不用关注样式;只能想到这么多了,如有不详或需要补充的地方欢迎留言指教...**加粗字体设置倾 *斜字* _体_设置倾斜字体** 展示如下: 加粗,字体加粗倾斜设置,倾斜, 加粗及倾斜加粗倾斜 加粗 斜体 加粗倾斜 加粗字体设置倾 斜字 体设置倾斜字体 ---- 3、代码块标记...开始 “ ``` ” 代码块内容 “ ```” 结束 块内标记 `hello world`行内标记 ---- 4、表格 ##4、表格 | a | b | c | |:---:|:...---|----:| | 居 中 | 左对齐 | 右对齐| | _斜体_ |__粗__|___粗斜体___| 展示如下: a b c 居 中 左对齐 右对齐 斜体 粗 粗斜体 ----...> c 2、嵌套引用 >1 __粗体__ >>2 `hello world` >>>3 _斜体_ > 显示如下: 1 粗体 2 hello world 3 斜体 8、序表
,允许浏览器更快的对表格进行布局;这是因为固定表格仅取决于表格宽度、列宽度、表格边框宽带,以及单元格间距,而与单元格的内容无关;在浏览器渲染时在接收到表格第一行后便可显示表格,而后者需要根据内容计算来显示表格所以加载时会稍慢...相同*/ 示例演示: 示例1.使用使html元素在页面上变成不可见。...的值 inset 表现为槽,值 outset 表现为脊。...vertical-align 属性 - 指定行内或表格元素垂直对齐方式 描述: 此属性用来指定行内元素(inline)、行内块(inline-block)或表格单元格(table-cell)元素的垂直对齐方式...,但请注意其不能用于块级元素的垂直对齐。
只有 2 点限制:(1)Html 的块级元素必须用空行和 Markdown 的内容分隔开。(2)Html 标签前后没有空格。...这是一个文档 折叠列表 利用markdown的网页插入功能,可以实现在markdown中拥有折叠列表: 折叠文本折叠代码块 主要使用的是`html5` 中的`details`标签 对上述进行灵活变通,...node_name1{中括号内写内容} 第一行声明创建的图表类型,node_name 用来表示节点的名字,后边跟用{}、[]包裹着节点处的内容,然后‘—’表示节点之间的连接线段,长度用字符串长度代表,连接方式也在字符串中有所体现...最后||包裹的内容表示在连接线段上的内容,记得与节点声明隔一个空格。 图片 表格文件 Markdown 的表格用‘|’表示列,用三个或者多个连字符并排表示列标题,常见的表格形式如下。...| 显示效果如下所示: 列名 1 列名 2 列名三 左对齐 居中对齐 右对齐 另外需要注意的是两条‘|’的距离可以任意长,这个不会对显示内容有什么影响。
例如,以下规则使FOO元素行为表现和HTML TABLE元素一样,BAR元素像CAPTION元素一样: FOO {display:table} BAR {display:table-caption} 我们在接下来讨论各种表格元素...在本文中,术语表元素table element是指任何涉及创建表的元素。...caption boxes是主要的块级盒,它们保留自己的content, padding, margin, and border 区域,并在表格包装盒内呈现为普通块盒。...因此,一个表可以使用左右两个'auto' margins实现居中。 CSS的未来更新可能会引入使表格自动适应其包含块的方法。 ?...如果UA在'width'为'auto'时支持固定表格布局,则以下内容将创建一个比其包含块窄4em的表格: table { table-layout: fixed; margin-left
TOC自动生成目录 在渲染 Markdown 文本时加入了 toc 拓展后,就可以在文中插入目录了。方法是在书写 Markdown 文本时,在你想生成目录的地方插入 目录 1....语法要点说明 summary:折叠语法展示的摘要 details:折叠语法标签 pre:以原有格式显示元素内的文字是已经格式化的文本。 blockcode:表示程序的代码块。 code:指定代码范例。...示例-原有格式显示blockcode 示例-原有格式显示代码概要 示例-原有格式显示blockcode详细内容 文字对齐 如何在markdown中设置文字右对齐,确实找到了右对齐的方式: 右对齐...1 效果如下: 右对齐 居中 1 效果如下: 居中 左对齐 1 效果如下: 左对齐 Markdown中使用缩进 链接 Markdown中使用缩进 诉求 在使用Markdown(gitbook)进行文档编辑时...,为使文档排版美观,往往需要进行缩进,如果在列表中,若某个列表项包含多个段落时,希望后面的段落与带标号的段落保持首字对其;或者在列表项中包含表格时,希望表格整体进行缩进。
left:左对齐(我是默认值哦);right:右对齐;center:居中对齐 (2)bgcolor属性:我的作用是添加一个背景颜色 三 文本元素 1 b元素: 我的作用就是 加粗文字; 2.br...1.表格构成三个基本要素 table:表格的范围,外框;用来定义表格,表格的其他元素包含在table标签里面; tr: 表格的行; td:表格的单元格 th元素:...已经学过的块元素有: h1~h6;hr;ul;ol;p;table............3.style属性:stlyle属性用于给元素设定样式(内联样式或内部样式表). 4.title属性:title属性用于显示省略的内容(或补充/提示说明的内容):当光标移动到元素内容上时显示...6.lang属性:lang属性用于指定语言,比如中文还是英文:zh-cn/en;除了在html标签中设置,它还可以在特定元素中使用,改变该元素使用的语言. 7.其他通用属性
10.right right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。...元素放置在父元素的基线上 sub 垂直对齐文本的下标。...值 collapse 在表中用于从表布局中删除列或行。 ...元素是可见的。 hidden 元素是不可见的 collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。...如果此值被用在其他的元素上,会呈现为 "hidden" inherit 下面的例子演示如何使表格元素叠加 tr.coll
分类变量,用于对案例进行分组 字符串变量、日期时间变量、布尔(逻辑)变量默认设为维度 强行将连续变量拖动为维度 数据桶:分段后的数据桶会被作为维度 度量名称:代表所有度量变量的集合 度量:对应连续变量,在图表中呈现为原始信息或汇总信息...屏幕快照 2018-04-29 22.12.42.png 指在同一张表格中对两个变量进行描述,或在表格中有一个维度的元素是由两个以上的变量构成。...屏幕快照 2018-04-29 22.23.34.png 如果指定层元素,表格就由二维扩展到三维,即多层表。 多层表每次观察到其中的一层,而嵌套表每次可以观察到所有层。...2.2 制表步骤 确定表格结构与行列构成,是否在表格中出现多个元素的嵌套,有多少种汇总,是否有嵌套汇总等。 绘制表格的基本结构。 完善细节,使单元格的输出格式符合要求。...与四分位数(即方框上下界)的距离超过1.5倍四分位间距(即方框长度)的都会被定义为离群值,相应的界限在图中以线段表示。 所有数值均未超界时,该线段就是最大/最小值。
领取专属 10元无门槛券
手把手带您无忧上云