一个电气系统或一种电气设备通常都是由各种基本件、部件、组件等组成,为了在电气图上或其他技术文件中表示这些基本件、部件、组件,除了采用各种图形符号外,还须标注一些文字符号和项目代号,以区别这些设备及线路的不同的功能...文字符号通常由基本文字符号、辅助文字符号和数字组成。用于按提供电气设备、装置和元器件的种类字母代码和功能字母代码。 1. 基本文字符号 基本文字符号可分为单字母符号和双字母符号两种。...电气设备常用的单字母符号 (2)双字母符号 双字母符号是由表1-7 中的一个表示种类的单字母符号与另一个字母组成,其组合形式为:单字母符号在前、另一个字母在后。...双字母符号可以较详细和更具体地表达电气设备、装置和元器件的名称。双字母符号中的另一个字母通常选用该类设备、装置和元器件的英文名词的首位字母,或常用缩略语,或约定俗成的习惯用字母。...文字符号的组合 文字符号的组合形式一般为:基本符号+辅助符号+数字序号。 例如,第一台电动机,其文字符号为M1;第一个接触器,其文字符号为KM1。 4.
2. list-style-image 设定列表的项目符号的自定义图像。作用:当项目符号类型不能满足设计需要时,可通过该属性自定义引入图片作为项目符号表现。值:url(图片路径)。...项目符号隶属于每一个列表项,所以list-style-position只能定义项目符号的位置是放置于列表项里面还是外面,无法精确控制定位距离。...使用列表项的背景属性来模拟项目符号.由于list-style主要设置项目符号且无法精确控制,所以实际应用中并不建议使用list-style去实现样式效果。...项目符号设置基于列表区域和列表项,和默认存在项目符号,没有。 step3:使用背景属性模拟项目符号效果。 ...项目符号隶属于列表项,而背景属性需要附加给、、。
2)使用无序列表标签ul的type属性(使用css的list-style)来代替,我们可以通过设置,指定其列表项的项目符号的样式,其取值及相对应的符号样式如下。...●disc:指定项目符号为一个实心圆点(默认值是disc,是否使用该值在浏览器中效果都一样。) ◎circle:指定项目符号为一个空心圆点。 ■square:指定项目符号为一个实心方块。...none:无项目符号。 css样式: ul{list-style:项目符号样式--> } (2) 有序列表(ol) 有特定顺序的列表项集合。...有序列表标记的type属性也应该用css的list-style来代替, 我们可以通过设置,指定其列表项前的项目编号的样式,其取值及相对应的编号样式如下。...—项目编号样式--> } (3)定义列表(dl) HTML中只要适当的插入标记,即可自动生成定义列表。定义列表的每一项既没有项目符号也没有项目编号,它是通过缩进的形式使内容清晰。
现在,在使用 或 时自定义数字或项目符号的颜色,大小或类型很简单。 感谢 CSS ::marker,我们可以更改内容以及项目符号和数字的某些样式。...今天我们很兴奋地讨论一下 ::marker 伪元素,浏览器为你创建的项目符号元素设置样式。 关键术语:伪元素表示文档中除文档树中存在的元素以外的元素。...这就是 ::marker 的用武之地,它允许从 CSS 中单独或全局地定位这些伪元素。...允许的 CSS ::marker 属性 animation-* transition-* color direction font-* content unicode-bidi white-space...默认情况下,有序列表项上的标记是数字,而不是项目符号。在 CSS 中,这些功能称为Counters,功能非常强大。它们甚至有属性来设置和重设数字的开始和结束位置,或者将它们切换为罗马数字。
letter-spacing 设置字符间距 line-height 设置行高 text-align 对齐元素中的文本 text-decoration 向文本添加修饰 text-indent 缩进元素中文本的首行...用于把所有用于列表的属性设置于一个声明中 list-style-image 将图象设置为列表项标志。 list-style-position 设置列表中列表项标志的位置。...(CSS2.1 新增的值) list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。...compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。...table-row 此元素会作为一个表格行显示 table-column-group 此元素会作为一个或多个列的分组来显示 table-column 此元素会作为一个单元格列显示 table-cell
无序列表 标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用 标签定义。...无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。 有序列表 有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。...有序列表会带有自己样式属性,但在实际使用时,我们会使用 CSS 来设置。 自定义列表 自定义列表的使用场景: 自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。...在 HTML 标签中, 标签用于定义描述列表(或定义列表),该标签会与 (定义项目/名字)和 (描述每一个项目/名字)一起使用。...cols=“每行中的字符数” ,rows=“显示的行数”, 总结 input 输入表单元素,select 下拉表单元素 ,textarea 文本域表单元素.这三组表单元素都应该包含在form表单域里面,
忽略 不允许 pre 保留 保留 不允许 pre-wrap 保留 保留 允许 文本方向: direction属性: 块级元素中的文本书写方向,表中列布局的方向…… unicode-bidi属性:行内元素...letter-spacing 设置字符间距。 text-align 对齐元素中的文本。 text-decoration 向文本添加修饰。 text-indent 缩进元素中文本的首行。...CSS2 包含该属性,但是 CSS2.1 没有保留该属性。 text-transform 控制元素中的字母。 unicode-bidi 设置文本方向。...属性:常用于去掉链接中的下划线 列表样式: 列表类型: 影响列表的样式,最简单的方法就是改变其标志类型 列表项标记: list-style-type属性: 设置列表的列表项的标志 列表项图像: list-style-image...table-layout 设置显示单元、行和列的算法。
,写合并代码 合并单元格三部曲 先确定是跨行合并还是跨列合并; 找到目标单元格,写上合并方式=合并的单元格数量; 删除多余的单元格 列表标签 无序列表(重点) 列表项1 标签里只能放标签 标签相当于一个容器标签 无序列表带有自己的样式属性,使用CSS来设置 有序列表(理解) 列表项1 标签里只能放标签 标签相当于一个容器标签 有序列表带有自己的样式属性,使用CSS来设置 自定义列表(重点) 经常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号...重置按钮会清楚表单中的所有数据 submit 定义提交按钮。...,值为checked maxlength属性:规定输入字段中的字符的最大长度,值为整数 标签为input元素定义标注。
简单说元数据就是告诉搜索引擎这个网页是干什么的,是谁写的,等等。 在刚开始我想过讲解这一部分,目前只要先记住下面这个写法就可以了。这句代码告诉浏览器 HTML 文档使用 Unicode 字符编码。...很多符号属于 unicode 字符集,我们需要在head标签内添加 例如,如果想添加两个空格在段落开头,你会发现在 HTML 文档中手动打空格是不管用的。...或者想表示金钱符号: 在上面我使用了两种不同的方式输入同一个特殊符号。 由于特殊字符实在是太多了,大家可以根据需求自己去查找。...所有如果使用 相对路径 的话,只要我的项目目录不发生结构性的改变,我的项目在哪个设备上都不会出问题。 ## 列表 在 HTML 中,我们可以定义 无序列表,有序列表 和 定义列表。...在标签之内用标签定义列表项。 通过改变标签的type属性值,我们可以定义不同的列表项符号。但在实际开发中更多用到的是 CSS 的 list-style-type属性。
列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点●进行标记。无序列表使用标签,列表项使用 标签定义。...无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。 有序列表 有序列表就是有顺序排列的列表,其各个列表项会按照一定的顺序排列定义。...无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。 自定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合。...定义列表常用于对术语或名词进行解释和描述,定义列表的列表项钱没有任何项目符号。...定义隐藏的输入字段image定义图像形式的提交按钮password定义密码字段,该字段中的字符被掩码radio定义单选按钮reset定义重置按钮重置按钮会清除表单中的所有数据submit定义提交按钮,提交按钮会把表单数据发送到服务器
HTML笔记(5) 列表标签: 表格是用来显示数据的,那么列表就是用来布局的,列表最大的特点就是整齐,根据使用场景的不同,列表可以分成三大列: 无序列表、有序列表和自定义列表。...无序列表(重点) (unordered lists)标签表示HTML页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用(list item)标签定义。.../li> 列表项2 列表项3 注意: 中只能嵌套,输入其他标签或文字的做法是不被允许的...,用于填写资料,接下来就来学习表单的知识,学完差不多就要到CSS啦,激动!...,如下 有两种方式可以实现: 1.value (占用字符,在输入信息前需手动删除,主要给后台人员使用) 2.placeholder (不占用字符,点击文本框时自动消失) checked
3punctuation-trimpunctuation-trim 属性规定是否应修饰,当它出现在一条线,或相邻的另一个全形标点符号字符开头或结束标点字符。...1font-kerningfont-kerning 字体字符间距处理 CSS 属性参数控制字符之间的间距。此功能允许非常相似的字符之间的间距、无论是什么字符。...-font-language-overridefont-language-override 字体-语言-重写 CSS 属性参数控制特定语言的字体中的字形。...1font-variant-alternatesfont-variant-alternates 字体变形候补 CSS 属性参数控制替代符号的用法。...通过在 @font-feature-values 中定义的替代名称就可以引用这些备用标志符号。-font-variant-capsfont-variant-caps 属性将字符替代为大写字母。
列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点●进行标记。无序列表使用标签,列表项使用 标签定义。...无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。 有序列表 有序列表就是有顺序排列的列表,其各个列表项会按照一定的顺序排列定义。...无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。 自定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合。...定义列表常用于对术语或名词进行解释和描述,定义列表的列表项钱没有任何项目符号。...在HTML标签中,标签用于定义描述列表(或定义列表),该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 注意在head标签中我们必须要设置的标签是title title标签: 文档的标题 作用:让页面拥有一个属于自己的标题。...---- HTML标签分类 在HTML页面中,带有“”符号的元素被称为HTML标签,如上面提到的 、、都是HTML骨架结构标签。...---- 字符集 utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。...但是实际工作中, 较少用 ol ---- 自定义列表(理解) 定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。...表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。
无序列表(Unordered List) 无序列表用于表示项目之间没有特定顺序的列表。每个列表项前面通常有一个特定的符号,如圆点或实心方块。...有序列表(Ordered List) 有序列表用于表示项目按照特定顺序排列的列表。每个列表项前面通常有数字或字母,表示它们的顺序。...语法: 项目1 项目2 项目3 :有序列表的开始标签。 :列表项的开始标签,用于包含每个项目。...自定义列表标记 虽然浏览器默认为列表的项目添加标记符号,但您也可以使用CSS来自定义这些标记符号的样式。...无序列表用于表示无特定顺序的项目,有序列表用于表示有特定顺序的项目,定义列表用于展示术语及其定义。您还可以通过嵌套不同类型的列表来创建更复杂的结构,并使用CSS来自定义列表的标记符号样式。
此文首发于「 Daotin的梦呓 」,欢迎大家订阅关注。在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。...---- 三、特殊字符 特殊符号 字符代码 (空格) < < > > & & ¥ ¥ © © ® ® × × ÷ &devide;...-- 列表项 --> .........-- 列表项 --> .........样式表还是图标 type="text/css" type="text/css":规定链接文件的MIME类型,就是说链接文件时css还是js href="1.css":链接的文件路径 5、设置 icon
这会生成一个带标记盒子的块级盒子,而标记盒子中放有列表项符号。 列表很早就在CSS规范中定义了,而我们目前所使用的列表特性绝大部分来自CSS2规范。...决定了列表项符号的样式。...在非列表项上创建标记盒子 若想在非列表项上创建标记盒子,最有效的方式就是给HTML元素设置display为list-item,虽然从语义上还不能作为列表项,但是其在视觉表现上如同列表项,且具有::marker...::marker伪元素 ::marker伪元素可以实现让列表项符号和列表项内容分开设置,这在CSS的早期版本中并非不能实现。...可以试着将字符串.符号改为其他内容,看其输出是如何变化的) counter() 和 counters() 有何区别?
定义列表 自定义列表项目 定义自定列表项的描述 表单 标签 描述 定义供用户输入的表单 定义输入域 定义文本域 (一个多行的输入控件...number 定义用于输入数字的字段。 password 定义密码字段(字段中的字符会被遮蔽)。 radio 定义单选按钮。 reset 定义重置按钮(重置所有的表单值为默认值)。...定义一个单行的文本字段(默认宽度为 20 个字符)。...允许超过默认颜色配置文件渲染意向的其他规范 3 内边距(Padding) 属性 属性 说明 CSS padding 在一个声明中设置所有填充属性 1 padding-bottom 设置元素的底填充...2 min-height 设置元素的最小高度 2 min-width 设置元素的最小宽度 2 width 设置元素的宽度 1 字体(Font) 属性 属性 说明 CSS font 在一个声明中设置所有字体属性
(将图片作为列表项前的图标)。...2. li标签添加float:left后 在IE6和IE7下,给列表项目(没有其他样式)添加float:left将会使列表项水平对齐,同时项目符号(或项目编号)消失。如下图所示,截自IE7浏览器 ?...IE8和其他所有浏览器下,列表项会水平对齐,但是项目符号(或项目编号)仍然可见。 ?...IE下有"Layout"的有序列表 在IE6和IE7下,如果有序列表中的列表项有“Layout”,则有序列表的数值将不会增加,显示为“1”,如下图所示: ?...IE6&7下的padding和margin 在大部分的浏览器下,为了移除项目符号或项目编号,让内容左侧对齐显示,需要设置左padding为0,但是这在IE6和IE7下并不管用,在IE6,7下需要设置左margin
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 注意在head标签中我们必须要设置的标签是title 3.title标签: 文档的标题 作用:让页面拥有一个属于自己的标题。...HTML标签分类 在HTML页面中,带有“”符号的元素被称为HTML标签,如上面提到的 、、都是HTML骨架结构标签。...字符集 utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。...但是实际工作中, 较少用 ol img src=“media/1.jpg” /> 自定义列表(理解) 定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。...表格中由行中的单元格组成。 表格中没有列元素,列的个数取决于行的单元格个数。 表格不要纠结于外观,那是CSS 的作用。
领取专属 10元无门槛券
手把手带您无忧上云