大家好，又见面了，我是你们的朋友全栈君。 html中偶尔会使用到列表，记录一下。 1 2 3 4 5 6 .level_1...list-style-type:decimal;} 7 .level_2{list-style-type:upper-alpha;} 8 9 10 11 12 列表使用test: 13 14 15 亚洲 16 17 中国 18...> 26 27 28 29 30 1.
Div和span 1. div独占一层，由div九不允许有别的。 2. span标签不是独自占用一行，span一般用来设置字体。...框架标签： 什么是框架标签，就是把一个页面分成很多块，来分别显示显示不同的页面，下面看一下这个例子就能完全懂了。 1.首先在同一个文件下建立如下的三个html文件。 ?...2.分别在left，top，right文件中写入相应的html代码。...noresize"/> //name的作用与left页面中a标签的target对应，当点击链接时，新的页面将会在target...中打开。
li 元素的 value属性（property） 有特殊的作用，其值只能是数字 如果设置的值不是数字将会只反应到元素的 value属性（attribute）....HTML 标签的 value 属性 定义和用法 value 属性规定规定列表项目的数字。接下来的列表项目会从该数字开始进行升序排列。...兼容性注释 在 HTML 4.01 中，不赞成使用 li 元素的 value 属性；在 XHTML 1.0 Strict DTD 中，不支持 li 元素的 value 属性。...当为有序排列时可以清楚看到value的作用 部分区别 从对象来说，attribute是html文档上标签属性，而property则是对应dom元素的自身属性。...详细区别与联系可以看上一篇JavaScript 中 Property 和 Attribute 的区别详解。
内联元素与块级元素的转换 块元素(block element)和内联元素(inline element)都是html规范中的概念。在加入了CSS控制以后，可以改变块元素和内联元素之间的差异。...内联元素与块级元素列表 3.1 块级元素列表 TypeNoteaddress定义地址caption定义表格标题dd定义列表中定义条目div定义文档中的分区或节dl定义列表dt定义列表中的项目fieldset...定义一个框架集form创建 HTML 表单h1定义最大的标题h2定义副标题h3定义标题h4定义标题h5定义标题h6定义最小的标题hr创建一条水平线legend元素为 fieldset 元素定义标题li标签定义列表项目...标签定义 HTML 表格tbody标签表格主体（正文）td表格中的标准单元格tfoot定义表格的页脚（脚注或表注）th定义表头单元格thead标签定义表格的表头tr定义表格中的行 3.2 行内元素列表...small呈现小号字体效果span组合文档中的行内元素strong语气更强的强调的内容sub定义下标文本sup定义上标文本textarea多行的文本输入控件tt打字机或者等宽的文本效果var定义变量 3.3
01 可替换(或置换)元素的概念 在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。...CSS 能对可替换元素产生的唯一影响在于，部分属性支持控制元素内容在其框中的位置或定位方式 02 可替换元素 典型的可替换元素有： 、、、 有些元素仅在特定情况下被作为可替换元素处理...，eg： 、、、、 HTML 规范也说了 元素可替换，因为 "image" 类型的 元素就像...该规范用术语小挂件（Widgets）来描述它们默认的限定平台的渲染行为。 用 CSS content 属性插入的对象是匿名的可替换元素。它们并不存在于 HTML 标记中，因此是“匿名的”。...控制内容框中的对象位置 某些CSS属性可用于指定 可替换元素中包含的内容对象 在该元素的盒区域内的位置或定位方式。
在HTML中，有序列表(ol)和无序列表(ul)元素通常会默认有一定的内边距(padding)和外边距(margin)，这是由浏览器默认样式表所定义的。...这些内边距和外边距可能导致列表向左偏移，从而出现左边超出的情况。...具体来说，ol和ul元素的默认样式表通常会定义： padding-left：列表项左侧的内边距，默认为 40px（不同浏览器可能略有不同）。...margin-left：列表元素左侧的外边距，默认为 0。 因此，当你在HTML中使用ol或ul元素时，它们的左边可能会默认超出。...解决 /* 去掉有序列表和无序列表的默认样式 */ ol, ul { margin: 0; padding: 0; list-style-type: none; } /* 为有序列表添加数字编号
在进行表单元素的操作时，难免会遇到对option元素的挑选，下面的示例代码能够很好的获取到你option元素选择的值，如果要传递给后端，可通过ajax或者其他方式传递即可。 示例代码 获取option元素 <div class...this.selected; }).data('id') console.log(language); }); 效果图如下：
HTML5中Canvas元素的使用总结 Canvas提供了开发者自定义绘图的接口，我们可以公国getContext()函数来获取绘图上下文进行绘制操作，这个函数中可以传入两个参数，其中第1个参数设置绘图上下文的类型...beginPath函数用来开启一个路径，moveTo函数用于将画笔移动到某个点，lineTo函数用来定义一条线，线的起点为当前画笔所在位置，参数为终点位置。...其中sx，sy和sw，sh用来对原图像进行裁剪，只选择图像中的部分进行绘制，x，y，w，h设置绘制在画布上的坐标和尺寸。 ...3.绘制属性的设置 在绘制过程中，开发者可以对绘制的线条颜色，填充颜色，风格，阴影等进行设置。...createLinearGradient函数用来创建线性渐变层，其中4个参数设置起始点的x，y和结束点的x，y。调用addColorStop函数用来想渐变层中添加临界点和颜色值。
数组是相同数据类型的元素的集合，数组中的每个元素都由索引值标识。它是一种最简单的数据结构，其中每个数据元素都可以通过使用其索引号直接访问。...在上面的块中，整数 6、4、1、5、9 是数组元素，0、1、2、3、4 是各自的索引值。 数组可以有重复的元素，在本文中，我们将讨论几种从数组中删除重复元素的方法。...如果它不存在，则该元素将附加到结果列表中，否则忽略该元素。 使用集 Set 是 python 中的一种数据结构，它存储唯一的数据。这意味着，它不允许存储重复的元素。...语法 enumerate(iterable, start=0) 例 我们将在列表推导式中执行 enumerate（） 函数来跟踪数组中每个元素的索引，然后索引值 i 可用于检查元素 n 是否已经存在于数组中...因此，fromkeys（） 方法会自行删除重复的值。然后我们将其转换为列表以获取包含所有唯一元素的数组。 这些是我们可以从数组中删除重复元素的一些方法。
我们要实现如下效果 单看效果似乎很简单，实则不然 首先我们的tab一般是这样的结构 //内容区 ... tabs是整个tab选项的容器，每个tab代表一个切换项，tab提供插槽用于展现当前tab的内容 似乎没有什么问题 但是我们之前写原生js就知道html渲染的...lable设置标签文字，在render函数中我们展示标签内容，要不以插槽的方式要么以传值的方式 接下来我们在全局注册这两个组件 /tab/index.js import Tabs from '....$parent.onChange(this.index) } }, 我们使元素处于激活状态的依据是标签索引与父元素value相同，当标签被点击时，我们会将当前索引暴露出去，同时时父元素的...>two 如果这样做，他被渲染成html是这样的 two two 这里以span举例不太恰当，但实际我们不会这样做，这样做也不合理
HTML 用于创建网页的标准标记语言 1.1 HTML 语法 标签和属性不区分大小写，但是推荐小写 部分空标签可以不闭合，如 input、meta 属性值推荐使用双引号包裹 属性值为 true 时，可以省略属性值...em：斜体强调标签，更强烈的强调，表示内容的强调点 1.3 语义化 HTML 中的元素、属性及属性值都拥有某种含义，如有序列表用 ol，无序列表用 ul....2.3.3 字体粗细 font-weight font-weight: 100-900 normal(400), bold(700) 2.3.4 行高 line-height 用于设置多行元素的空间量... 在 CSS 中以 text-、font-、line- 开头的属性都是可以继承的 显示继承：inherit * { color: inherit; } html { color...://www.jianshu.com/p/7dadcc458410 2.6 块级元素与行级元素的区别 块级 行级 不和其他盒子并列摆放 可以和其他行级盒子一起放到一行 适应所有的盒模型属性 盒模型中的
#8211u20132013——u20142014……u20262026¶¶u00B6�0B6∼∼u223C223C≠≠u22602260 总结归类： 1.特色的...©©©版权标志| |竖线，常用作菜单或导航中的分隔符···圆点，有时被用来作为菜单分隔符↑↑↑上箭头，常用作网页“返回页面顶部”标识€€€欧元标识²²...;²上标2，数学中的平方，在数字处理中常用到，例如：1000²½½½二分之一♥♥♥心型，用来表达你的心 2常用的 空格&&&and符号，与“&...»»右三角双引号‹‹‹左三角单引号›››右三角单引号§§§章节标志¶¶¶段落标志•••列表圆点（大）···列表圆点（中）...………省略号| |竖线¦¦¦断的竖线–––短破折号———长破折号 3.货币类 ¤¤¤一般货币符号$ $美元符号¢¢¢
本次我们主要是给出在工程开发中的比较常用的一些case出来，后续我呢会带着大家一起用今天学到的东西去抓取天天基金网上有意思的基金数据。...) d=pq(url='http://www.baidu.com')注意：此处url似乎必须写全 2.html()和text() ——获取相应的HTML块或文本块， p=pq("test 2 print d('p').html()#返回test 1 注意：当获取到的元素不只一个时，html()、text()方法只返回首个元素的相应内容块 4.eq...(index) ——根据给定的索引号得到指定元素 接上例，若想得到第二个p标签内的内容，则可以： print d('p').eq(1).html() #返回test 2 5.filter() —...>h1h2') list = doc('li') for li in list.items(): print(li.html) 好了，本期的分享到此结束
为了删除数组的第一个元素，必须考虑的索引为 0，因为任何数组中第一个元素的索引始终为 0。与从数组中删除最后一个元素一样，从数组中删除第一个元素可以使用相同的技术进行处理。...让我们将这些技术应用于数组的第一个元素的删除。我们现在将讨论用于从数组中连续一个接一个地删除第一个元素的方法和关键字。...使用 pop（） 方法 pop（） 方法用于删除 Python 编程语言中数组、列表等的元素。此机制通过使用必须从数组中删除或删除的元素的索引来工作。 因此，要删除数组的第一个元素，请考虑索引 0。...语法 arr.pop(0) 例 在此示例中，我们将讨论使用 pop（） 方法删除数组的第一个元素的过程。构建此类程序的步骤如下 - 声明一个数组并在数组中定义一些元素。...此关键字还用于使用其索引删除数组的最后一个元素或任何元素。因此，我们使用此关键字来删除 Python 中的特定对象或元素。
1.计算机中的文件 二进制文件 文本文件 区别：使用windows记事本打开是否出现乱码 2.网页组成 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言...网页属性：用于设置网页的编码、网页的标题等等内容 写在网页中的标签中 声明网页中的字符编码是UTF-8编码 网页标题... 段落标签：网页中标签一段文本数据的标签 段落内容 分隔线标签：是在网页中，增加一个水平的直线，将不同的内容分离 换行标签：用于在网页中，将文本数据或者其他数据添加一个换行...">id选择器 id选择器通过在CSS代码中，使用符号"#name",name指的就是标签的id属性名 id选择器，只会选择唯一的一个标签...要注意的是这个是个大概的说法，每个特定的元素能包含的元素也是特定的，所以具体到个别元素上，这条规律是不适用的。比如 P 元素，只能包含inline元素，而不能包含block元素。
今天写了个简单的页面，再熟悉了一下div+css布局，写的还可以，以后还要多练习。此外还进一步学习了定位相关知识。 1、相对定位： 相对定位有坑，所以一般不用于做“压盖”效果。...页面中，效果极小。...绝对定位之后，标签就不区分所谓的行内元素、块级元素了，不需要display:block;就可以设置宽、高了 绝对定位之后，所有标准流的规则，都不适用了。所以margin:0 auto;失效。...页面如何滚动，这个盒子显示的位置不变。固定定位脱标！ 4、z-index值表示谁压着谁。数值大的压盖住数值小的。 ● 只有定位了的元素，才能有z-index值。...● 如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面能压住别人。定位了的元素，永远能够压住没有定位的元素。
XPath语法 XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。...= html.xpath('//li/span') #因为 / 是用来获取子元素的，而 并不是 的子元素，所以，要用双斜杠 result = html.xpath('//li/...适用于进行数据交互的场景，比如网站前台与后台之间的数据交互。 JSON和XML的比较可谓不相上下。 Python 中自带了JSON模块，直接import json就可以使用了。...Python中的json模块 json模块提供了四个功能：dumps、dump、loads、load，用于字符串 和 python数据类型间进行转换 3.1 json.loads() 把Json格式字符串解码转换成...=path_to_html_file) d=pq(url='http://www.baidu.com')注意：此处url似乎必须写全 # 2.html()和text() ——获取相应的HTML块或文本块
>这里是红色的字 3.外部式CSS样式:把CSS写在单独的一个文件中 在index.html文件中： ...{}之前的部分就是"选择器","选择器"指明了{}中的"样式"的作用对象，也就是"样式"作用于网页中的哪些元素 标签选择器：html代码中的标签 p{pont-size... 子选择器 即大于符号（>）,用于选择指定标签元素的第一代子元素 例子： 1 <!...包含(后代)选择器 即加入空格，用于选择指定标签元素下的后辈元素 注：与子选择器的区别：子选择器仅是指它的直接后代，或者可以理解为作用于子元素的第一代后代 ...而后代选择器是作用于所有子后代元素。
一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。 数据绑定 上面实例中的{{firstName}}表达式是一个AngularJS数据的绑定的表达式。 ...通常情况下，不适用ng-init,您将使用一个控制器或模块来代替她。 ng-model指令 ng-model指令绑定HTML元素到应用程序。 ...为应用程序数据提供状态（invalid,dirty,touched,error） 为HTML 元素提供CSS 类 绑定到HTML元素到HTML表单 ng-repeat 指令... ng-repeat指令对于集合中（数组中）的每个项会克隆一次HTML元素 创建自定义的指令 除了AngularJS内置的指令外，我们还可以创建自定义指令。 ...你可以使用.directive函数来添加自定义的指令。 要调用自定义指令，HTML元素张需添加自定义指令名。
试验所使用的html代码 <!...(name(),‘W’)]"; //选择所有名称包含"W"的元素 xpath="//*[contains(name(),‘W’)]"; //选择不包含class="expire"的span xpath...//span[not(contains(@class,'expire'))]"; //选择包含class="expire"的span xpath="....]/text(),//li[@data="three"]/text())') >>13 string：解析当前节点下的字符 >>#string只能解析匹配到的第一个节点下的值，也就是作用于list时只匹配第一个..."> 选择这个div的方案网上有说用and的，但是似乎只能针对不同的属性的单个值 本次使用contains >>.xpath('div[contains(@class,"mp-city-list-container
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
