首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

html标签具有语义化,可通过标签名能够判断出该标签内容,语义作用是网页 结构层次清晰,容易搜索引擎收录,容易让屏幕阅读器读出网页内容。 标签内容是在一对标签内部内容。...ltrrtl 两种 lang属性:用于指定元素内容语言 3....,元素失去焦点触发 onchange,在元素改变触发 onfocus,元素获得焦点触发 onreset,表单中重置按钮点击触发 onselect,在元素中文本被选中后触发...onmousedown,元素上按下鼠标按钮触发 onmousemove,当鼠标指针移动到元素上触发 onmouseout,元素指针移出元素触发 onmouseup,元素上释放鼠标按钮触发...value:文本输入框设置默认值。 type:通过定义不同type类型,input功能有所不同。

2.3K20

1-html标签介绍

例如 页面中所有的内容,都要放在HTML标签中 HTML标签主题分为三个部分: 标签名称 标签内容 标签属性 HTML标签具有语义语义化,就是仅通过标签名就能判断出该标签内容 语义作用...网页结构层次清晰 容易搜索引擎收录 容易让屏幕阅读器读出网页内容 标签内容就是一对标签内部内容 标签内容可以是其他标签 标签全局标准属性 规定了8个全局标准属性 class属性 用于定义元素类名...id属性 用于指定元素唯一id 注意该属性值在整个HTML文档中具有唯一性 style属性 用于指定元素行为样式 使用该属性后将会覆盖任何全局样式设定 title属性 用于指定元素额外信息...accesskey属性 用于指定激活元素快捷键 tabindex属性 用于指定元素在tab键下次序 dir属性 用于指定元素中内容文本方向 属性值只有ltrrtl两种,分别是 left to right...onblur元素失去焦点触发 onchange在元素元素值改变触发 onfocus元素获得焦点触发 onreset表单中重置按钮点击触发 onselect在元素中文本被选中后触发

91310
您找到你想要的搜索结果了吗?
是的
没有找到

HTML标签介绍「程序员培养之路第一天」

7、语义作用:网页结构层次清晰、容易搜索引擎收录、容易让屏幕阅读器读出网页内容。 8、标签内容就是在一对标签内部内容 9、标签内容可以是其他标签 ?...2、id属性 用于指定元素唯一id 要注意该属性值在整个HTML文档中要具有唯一性 3、style属性 用于指定元素行内样式 使用该属性后将会覆盖任何全局样式设定 4、title属性 用于指定元素额外信息...6、tabindex属性 用于指定元素在tab键下次序 7、dir属性 用于指定元素中内容文本方向 属性值只有ltrrtl两种,含义分别是left to right和right to left。...onchange:在元素元素值改变触发。     onfocus:元素获得焦点触发。     onreset:表单中重置按钮点击触发。    ...onwaiting:媒体已停止播放但打算继续播放触发。

84310

干货 | 国际化探索之路-Trip.com如何走进阿拉伯市场

图1 LTRRTL语言对比 适配阿拉伯语言本质上是对RTL适配,也就是对从右到左阅读方式支持。这个将用户界面从LTR适配到RTL过程,称之为镜像(如图2所示)。 ?...在设计阿拉伯站页面我们发现LTRRTL设计细节差异很大,我们将阿拉伯本地化设计归两个要点: 第一,如何做符合阿拉伯用户阅读习惯设计; 第二,如何做契合当地习俗情感化设计。...为了让空值页动效富有生命力,我们在动效设计时,展开了对现实世界中骆驼动态探索与研究,通过让尾巴具有纵深感甩动,并结合气泡及枣椰树在二维空间移动,整个画面富有生命力和层次感。...四、技术适配方案 4.1 Android 4.1.1 QuickStart 系统历史:Android从4.1版本开始提供文本双向展示支持,但是RTLLTR语言混排,还是无法达到我们预期...leading trailing设置左右约束,可获得视图布局RTL效果; 文本对齐:未显式设置文本对齐方向或段落书写方向,文本对齐方式也将自适应RTL布局; 图片翻转:使用imageWithHorizontallyFlippedOrientation

4.1K41

用MyLayout实现布局性能提升以及对阿拉伯国家支持

视图frame指定后就不再需要布局视图了,所以布局时间几乎是0。...如果我们使用SB或者XIB进行布局那么整个布局时长还要包括对XML格式文件解析时间因此,虽然SB或者XIB进行布局方便但是消耗时间是最多RTL支持。...为了实现对RTL支持我们在水平方向提出了leading和trailing概念,中文就是理解头部和尾部。...您是LTR方向布局leading就是代表左边而trailing则是代表右边;而您是RTL方向布局leading就代表是右边而trailing则代表是左边。...MyLayout对RTL支持 为了实现RTL支持您只需要将MyLayout一个全局属性isRTL设置YES或者NO就行了,通过这个属性可以很方便切换布局方向了。

65160

HTML基础知识

实际效果就是加粗文本 19.bdo元素: 我功能是设置文字方向,必需使用dir属性才可以设置,共两个值,rtl(从右到左);ltr(从左到右)默认为ltr  20.mark元素: 我作用是突出显示文本...    2.alt属性:图片无法显示替代文字;     3.width和height属性,指定图片宽度和高度;单位是像素或百分比; 六 绝对路径和相对路径 1.绝对路径 需要指出链接资源绝对位置...;tr元素内容会自动居中对齐并加粗文字       colspan元素:横向合并单元格        属性值正整数,表示该单元格合横向合并列数,语法 ="3"       rowspan元素:纵向向合并单元格        属性值正整数,表示该单元格合纵向向合并行数数,语法 ="3" 九  style元素与HTML...3.style属性:stlyle属性用于给元素设定样式(内联样式或内部样式).          4.title属性:title属性用于显示省略内容(或补充/提示说明内容):光标移动到元素内容上显示

2.2K30

面试题必备-web页面基础

标签属性 HTML标签具有语义语义化就是仅通过标签名就能判断出该标签内容 语义作用: 网页结构层次清晰 更加容易搜索出来 更加让屏幕阅读器读出该页面的内容 标签内容就是在一对标签内部内容...accesskey属性: 用于指定激活元素快捷键 tabindex属性:用于指定元素在tab键下次序 dir属性:用于指定元素中内容文本方向 属性值ltrrtl,left to right...form表单事件 onblur:元素失去焦点触发 onchange:在元素元素值改变触发 onfocus:元素获得焦点触发 onreset:表单中重置按钮点击 onselect:在元素中文本被选中后触发...name文本框命名,用于提交表单,后台接收数据用 value文本输入框设置默认值 type通过定义不同type类型,input功能有所不同 type功能: text,password,...溢出隐藏overflow 设置对象内容超过其指定高度以及宽度如何显示内容 visible默认值,内容不会被修剪,会呈现在元素框之外 hidden 内容会被修剪,并且其余内容是不可见 scroll

2.4K10

86. 精读《国际化布局 - Logical Properties》

: 不过没关系,不论是 Flex、Grid 我们都挺过来了,Proxy 虽然还不被微软支持,不过已经在 Edge 支持了。...2 概述 旧盒子模型告诉我们左右上下这四个方向,但在新模型中,请记住 inline-start inline-end block-start block-end: (LTR)对应关系如下: 左:...目前只有两个配置:rtlltr: html { direction: rtl; } 其实 writing-mode 与 direction 结合起来也没什么问题,比如网页布局变成 vertical-rl...而 Grid 是一种拆分单元格语法,也不涉及具体上下左右描述,所以也符合国际化语义。 4 总结 那么为什么 W3C 到现在才改语法,难道以前没有想到吗?...出现 Logical Properties 特性,说明人类全球化已经突破了翻译维度,开始向比如布局方式等其它维度蔓延了。

43020

前端学习(2)~html标签讲解(二)

注意:这里不是设置表格里内容对齐方式,如果想设置内容对齐方式,要对单元格标签进行设置) cellpadding:单元格内容到边距离,像素单位。...如果设置属性dir="rtl",那就指的是内容到右边那条线距离。 cellspacing:单元格单元格之间距离(外边距),像素单位。...可以取值: ltr:从左到右(left to right,默认) rtl:从右到左(right to left) bgcolor:设置这一行单元格背景色。...标签type="radio",可以用这个属性。属性值也是checked,可以省略。...标签属性: multiple:可以对下拉列表中选项进行多选。没有属性值。 size="3":如果属性值大于1,则列表滚动视图。默认属性值1,即下拉视图

2.4K10

Flutter布局基础——Column竖直布局

基础使用 Column常用属性如下: Column常用属性 children: 子视图 textDirection: 子视图水平布局方向 TextDirection.ltr: 从左到右 TextDirection.rtl...Ps:需要注意是CrossAxisAlignment.center效果,不是想象中整个屏幕宽度居中对齐。而实际是和最长视图宽度然后居中对齐。...mainAxisAlignmentspaceAround情况下,设置mainAxisSizemin 与max不同,设置max可以看到按照全屏幕来适配,设置min则无效果。...: 使用Expanded,需要是父视图高度固定,Expanded包括视图填充父视图区域。...需要注意:二 和Row类似,视图内容超出了父视图区域,Flutter在Debug模式下,会显示黄色提示。效果如下: <!

1.5K50

关于flutter中TextStyle详解

可以使用负值来让字母接近。 double wordSpacing 单词之间添加空间间隔(逻辑像素单位)。可以使用负值来使单词接近。...省略,文本将使用最接近DefaultTextStyle样式。如果给定样式TextStyle.inherit属性true(默认值),则给定样式将与最接近DefaultTextStyle合并。...TextDirection textDirection 这个属性估计是给外国人习惯使用, 相对TextAlign中start、end而言有用(start使用了ltr相当于end使用了rtl,也相当于...TextAlign使用了left) 对于从左到右文本(TextDirection.ltr),文本从左向右流动; 对于从右到左文本(TextDirection.rtl),文本从右向左流动。... 左到右,rtl右到左         textDirection: TextDirection.ltr,         // 用于选择区域特定字形语言环境         locale: Locale

1.8K30

关于flutter中TextStyle详解

可以使用负值来让字母接近。 double wordSpacing 单词之间添加空间间隔(逻辑像素单位)。可以使用负值来使单词接近。...省略,文本将使用最接近DefaultTextStyle样式。如果给定样式TextStyle.inherit属性true(默认值),则给定样式将与最接近DefaultTextStyle合并。...TextDirection textDirection 这个属性估计是给外国人习惯使用, 相对TextAlign中start、end而言有用(start使用了ltr相当于end使用了rtl,也相当于...TextAlign使用了left) 对于从左到右文本(TextDirection.ltr),文本从左向右流动; 对于从右到左文本(TextDirection.rtl),文本从右向左流动。...左到右,rtl右到左 textDirection: TextDirection.ltr, // 用于选择区域特定字形语言环境 locale: Locale

2.9K10

Vitis指南 | Xilinx Vitis 系列(三)

4.3.1 RTL内核要求 4.3.2 RTL内核开发流程 4.3.2.1 将RTL代码打包Vivado IP 4.3.2.2 创建内核描述XML文件...您打开链接摘要,Vitis分析器将自动使用v++command 编译内核打开关联编译摘要。 注意:仅构建针对硬件(而不是仿真),才会生成“时序摘要”和“利用率”。...报表结构类似于电子表格,您可以像电子表格一样与报表进行交互,选择数据行或单元格,并通过单击列标题对列进行排序。...Reports:中心区域显示摘要文件和打开报告内容。您可以在“报告”视图中打开多个报告,然后通过选择视图顶部窗口选项卡快速将其从一个报告更改为另一个报告。...在显示设置中,可以配置以下内容: Scaling:设置字体缩放比例,以使显示容易在高分辨率监视器上阅读。使用操作系统字体缩放使用操作系统为主显示器设置值。

1.9K10

excel常用操作大全

5.如果一个Excel文件中有多个工作如何将多个工作同时设置相同页眉和页脚?如何一次打印多个工作? 在EXCEL菜单视图-页眉和页脚中,您可以设置页眉和页脚来标记信息。...“ctrl *”特殊功能 一般来说,处理工作中有大量数据表格,可以通过选择表格,中单元格格,然后按Ctrl+Shift *来选择整个表格。...使用具有易于记忆名称和长系列参数函数,上述方法特别有用。 13.如何将一个或多个选定格单元拖放到新位置?按住Shift键可以快速修改单元格格内容顺序。...14.如何在屏幕上扩大工作空间? 从“视图”菜单中,选择“全屏”命令。 15.如何使用快捷菜单?弹出菜单包括一些最常用命令,可以大大提高操作效率。...当我们在工作中输入数据我们有时会在向下滚动记住每个列标题相对位置,尤其是标题行消失时。此时,您可以将窗口分成几个部分,然后将标题部分保留在屏幕上,只滚动数据部分。

19.1K10

HTML(2)

注意:这里不是设置表格里内容对齐方式,如果想设置内容对齐方式,要对单元格标签进行设置)     cellpadding:单元格内容到边距离,像素单位。...如果设置属性dir="rtl",那就指的是内容到右边那条线距离。     cellspacing:单元格单元格之间距离(外边距),像素单位。...可以取值:ltr:从左到右(left to right,默认),rtl:从右到左(right to left)       bgcolor:设置这一行单元格背景色。     ...background:设置这个单元格背景图片。    合并单元格:     如果要将两个单元格合并,那肯定就要删掉一个单元格。     单元格属性:       colspan:横向合并。...标签type="radio",可以用这个属性。属性值也是checked,可以省略。

3.5K40

横竖屏切换导致页面频繁重启?详细解读 screenLayout

Activity配置发生变更(如横竖屏切换),如果在android:configChanges中没有添加该配置,那么就会关闭并重启Activity,这时候debug会发现重新执行了onCreate...这么来看我们设置了orientation应该就可以了,但是官方在这里有一个提示,如下: 官方建议在设置orientation同时设置screenSize和screenLayout,screenSize...The SCREENLAYOUT_LAYOUTDIR_MASK defines whether the screen layout is either LTR or RTL....They may be one of SCREENLAYOUT_LAYOUTDIR_LTR or SCREENLAYOUT_LAYOUTDIR_RTL....从详情页打开上课页面,会通过代码手动将竖屏切换到横屏(同时为了返回详情页换回竖屏,在详情页手动切换回竖屏)。

3K30

CSS进阶11-表格table

(如果'direction'属性'ltr',则该约束成立;如果'direction''rtl',交换前面句子中左和右) 单元格盒cell box不能超出或行组row group最后一个行盒...如果它们渲染,CSS 2.2没有定义列和宽度。使用'table-layout:fixed',开发者不应该忽略第一行列。 以这种方式,一旦接收到完整第一行,用户代理就可以开始进行表格布局。...“visibility”属性设置“hidden”单元格单元格视为没有可见内容。...这个属性'show',在空单元格周围/背后绘制边框和背景(像普通单元格一样)。 'hide'值表示在空单元格周围/后面没有绘制边框或背景(参见17.5.1中点6 )。...两个相同类型元素发生冲突,则离左边更远(如果'方向'是'ltr',则是右侧,如果它是'rtl'),并且离顶部更远元素获胜。

6.5K20

全栈之前端 | 8.CSS3基础知识之文本样式学习

direction 属性:实际上用于设置文本、表格列和水平溢出方向, 对于从右到左书写语言(如希伯来语或阿拉伯语),应将该属性设置 rtl;对于从左到右书写语言(如英语和大多数其他语言),则应将该属性设置...# 语法参数: direction: ltr | rtl; # ltr :可设置文本和其他元素默认方向是从左到右(默认属性)。 # rtl :可设置文本和其他元素默认方向是从右到左。...justify对齐齐行方法 描述: 定义文本 text-align 属性设置 :justify 齐行方法。...> 类型值, 更大数值代表字体重量粗于更小数值 (或一样粗) 设置 400 等同于 normal,而 700 等同于 bold。...描述:此属性用于设置文本字符间距表现,在渲染文本添加到字符之间自然间距中,letter-spacing 正值会导致字符分布得更远,而 letter-spacing 负值会使字符接近。

22120

还在为选择办公软件而烦恼吗?不妨试试ONLYofficeV8.0

让其他用户在编辑电子表格应用自己过滤条件,而又不会打扰协作作者。浏览版本历史,恢复任何以前文件版本。 6.保护用户创建电子表格 整个电子表格、工作簿或单独工作设置密码。...3.丝滑切换 演示者视图模式让您可以写下备注以突出显示在商务演讲应注意重要部分,并且轻按鼠标即可切换到任意幻灯片。...路径:设置 -> RTL 界面(测试版) 3.电子表格中新增功能 3.1单变量求解: 如果用户已知公式结果,但不确定公式所需输入值,请使用单变量求解功能。...用户可以选中单元格区域,并将第一个单元格格式复制到其他单元格,并用一系列值进行填充。这样在插入大量相同数据,可以提升工作效率。...路径:“首页”选项卡 -> 填充 -> 序列 除了 RTL 支持、PDF 表单和表格中新功能外,更新后桌面应用程序中还提供以下改进: 优化屏幕朗读器; 更新了插件 UI; 新本地化选项 — 阿拉伯语

11810

Local GAN | 局部稀疏注意层+新损失函数(文末免费送书活动)

RTLLTR“转置”版本,因此在第一步中,每个节点右侧本地上下文都是参与。 ? 1 稀疏注意通常被认为是一种减少密集注意计算开销方法,希望性能损失很小。...第二种模式,我们称之为从右到左(RTL),是LTR一个置换版本,对应9×9掩模和相关信息流图如图2b、2e (LTR)和2c、2f (RTL)所示。...其次,密集注意层在统计上是无效:需要大量训练样本来训练注意层,引入多个注意头或注意层,这个问题变得更加明显[6]。...我们指的是YLG模型,它代替了LTRRTL模式,有8个头实现了YLG - Strided模式。在我们实验中,我们再次使用ESA技巧。我们报告1第5行上结果。...最后,图6f显示了一些查询点与远距离有关,表明这些注意点出现在图像中,注意力机制能够利用位置和远距离关系。 ? 总结 ?

61020
领券