DOCTYPE>声明必须是 HTML 文档的第一行,位于 html 标签之前 HTML5 不基于 SGML,所以不需要引用 DTD。在 HTML5 中<!...简述一下你对 HTML 语义化的理解 简单来说,就是合适的标签做合适的事情,这样具有以下好处: 有助于构架良好的 HTML 结构,有利于搜索引擎的建立索引、抓取,利于 SEO 有利于不同设备的解析 有利于构建清晰的机构...像素px是相对于显示器屏幕分辨率而言的 em的值并不是固定的,会继承父级元素的字体大小,代表倍数 rem的值并不是固定的,始终是基于根元素 的,也代表倍数 5. position...::before 和 :after 中双冒号和单冒号有什么区别?解释一下这 2 个伪元素的作用 单冒号 (:) 用于 CSS3 伪类,双冒号 (::) 用于 CSS3 伪元素。...(伪元素由双冒号和伪元素名称组成), 双冒号是在当前规范中引入的,用于区分伪类和伪元素 12.
7、隐藏元素的方法有哪些? display: none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。...visibility: hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。 opacity: 0:将元素的透明度设置为 0,以此来实现元素的隐藏。...这种方法下,元素仍在页面中占据位置,但是不会响应绑定的监听事件。 8、图片间隙问题如何解决 两个图片之间和图片下方多出的空白间隙可以使用以下方式解决。...10、简述rem布局原理 rem是指相对于根元素的字体大小的单位,即根据html元素的font-size来计算大小。...1.浏览器预先加载css后,可以不必等待HTML加载完毕就可以渲染页面了 2.其实HTML渲染并不会等到完全加载完在渲染页面,而是一边解析DOM一边渲染。
我为什么要这样做呢?我们都知道选择器,但麻烦的是随着时间的推移,很容易习惯于在每个项目中使用相同的可信任选择器来实现你需要做的事情。...以上所有属性选择器实例都区分大小写。 但是我们有一个技巧, 如果我们在结束方括号之前插入一个i,我们可以不区分大小写进行匹配。 ?...最后, :placeholder-shown 匹配占位文字处于显示状态的元素,当输入内容后,占位文字不再显示时,该元素将不会被匹配;应谨慎使用此选择器,因为它尚未得到广泛支持。...结构选择器 结构选择器非常强大,它是基于元素在DOM中的位置进行匹配。 这类型选择器特殊的地方在于它允许通过传入参数的方式来操作。...以下是需要我们关注的一些内容选择器: ::inactive-selection 匹配当前窗口处于非激活状态下已被选取的文档中被用户高亮部分。
CSS Pseudo-elements 伪元素是一个附加至选择器末的关键词,允许对被选择元素的特定部分修改样式。CSS伪元素是一种样式化文档元素的方法,这些元素没有由文档树中的位置明确定义。...当只想为段落的第一个字母设置样式以创建首字下沉效果,或者只想通过样式表在元素之前或之后插入一些内容等情况下,这将非常有用。 CSS3 为伪元素引入了新的双冒号(::)语法,以区分伪元素和伪类。...伪元素的新语法可以通过以下方式给出: /*选择器::伪元素{ 属性:值 ; }*/ 二、::first-line 第一行伪元素 该::first-line伪元素应用特殊的样式添加到文本的第一行。...例:(规则设置了段落中第一行文本的格式。第一行的长度取决于浏览器窗口或包含元素的大小)。 <!...例:(规则将显示所有段落的第一个字母class="article",以绿色,大小为xx-large。) <!
在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。...14.HTML5为什么只需要写?...答: CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。...2)伪对象:代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。 34.请简述CSS的权重规则是什么?...2)增加了更多的CSS选择器 多背景 rgba,在CSS3中唯一引入的伪元素是::selection,媒体查询,多栏布局。 37.为什么要初始化CSS样式?
行内元素 与 块级元素 ❝在 HTML4 中,元素被分为两大类:inline 行内元素 和 block 块级元素 「行内元素」: 一个 行内元素只占据它自身的空间大小。...空元素定义 ❝标签内没有内容的html 标签称为 空元素。空元素是在开始标签中关闭的。 常见的空标签有: br hr img input link meta ❞ 6....页面初始渲染,这是开销最大的一次重排 添加/删除可见的DOM元素 改变元素位置 改变元素尺寸,比如边距、填充、边框、宽度和高度等 改变元素内容,比如文字数量,图片大小等 改变元素字体大小 改变浏览器窗口尺寸...包括table-related元素,基于top, right, bottom, 和 left的值进行偏移。偏移值不会影响任何其他元素的位置。 「元素在跨越特定阈值前为相对定位,之后为固定定位。」...rem rem是CSS3新增的一个相对单位,使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。
权重差异: • 在样式中:link 样式的权重高于 @import 的权重吗,例如: /* @import "03.css"; */ body, html { background-color:...1. display: none;: 不会渲染该元素,不会占位,也不会响应绑定的监听事件 2. visibility: hidden;: 会渲染,但是不会显示且会占位,也不会响应绑定的监听事件 3. opacity...• 区别: • 伪类操作的对象是文档树种已有的元素或样式 • 伪元素则是创建一个文档树以外的元素或样式 • : 表示伪类 • :: 表示伪元素 • 作用: • 伪类:通过在元素选择器上加入伪类改变元素的状态...在 CSS2.1 中,伪元素都是使用 单冒号 来表示伪元素的,但在 CSS3 规范中,伪元素的语法被修改为使用 双冒号 17. CSS 预处理器/后处理器是什么?为什么要使用他们?...即使窗口是滚动的它也不会移动: • static: HTML 元素的默认值,即没有定位,遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。
该列表被分为以下五个部分: 选择器与继承 伪类与伪元素 属性支持 其它各种技术 重要bug和不兼容问题 1....选择器与继承 子选择器 示例: body > p { color:#fff;} 描述: 子选择器选择一个特定父级元素的所有直接子级元素,在上面的例子中,body是父元素,p是子元素。...上面的例子,在鼠标悬停的时候,将会改变a元素内的span元素中的文字的颜色。...支持情况 IE6 No IE7 Yes IE8 Yes Bugs IE7中,如果要定位的第一个子元素之前有HTML注释,first-child伪类将会无效...然而,在IE6中只有在这个值用于根元素的时候才有效。
2.使用after伪对象清除浮动 该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。...一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0,否则该元素会比实际高出若干像素; #parent:after{ content:"....此外,元素在读屏软件中也会被隐藏; Display:display 设为 none 任何对该元素直接打用户交互操作都不可能生效。此外,读屏软件也不会读到元素的内容。...1.display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果, 在文档流中占位,浏览器会解析该元素;...2.使用visibility:hidden比display:none性能上要好,display:none切换显示时visibility, 页面产生回流(当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等
是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 Q2、为什么需要CSS?...CSS伪元素是添加到选择器的关键字,可用于设置所选元素的特定部分的样式。 “first-line” 伪元素用于向文本的首行设置特殊样式,只能用于块级元素!...vmax vw和vh中较大的那个。 % 相对父元素 *提示: rem与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。...4、元素和伪元素 – 此类别包括元素名称和伪元素,比如 h1、div、:before 和 :after。 Q29.CSS中字体相关的属性有哪些?...这些元素不会影响其他元素的位置。 固定 fixed 将元素从页面流中移除,并将其放置在相对于视口的指定位置,并且在滚动时不会移动。 粘性sticky 粘性定位是相对定位和固定定位的混合。
所以如果 JSX 中含有转义后的实体字符比如 © (©) 最后显示到 DOM 中不会正确显示,因为 React 自动把 © 中的特殊字符转义了。...在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 ?...解释一下这2个伪元素的作用。 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。 如何修改chrome记住密码后自动填充表单的黄色背景 ?...)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储; 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针...采用这种方法,页面就不会被脚本搞得一团糟,易于阅读,在每个页面中,总可以在同一个位置找到脚本。 移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?
HTML 为什么利用多个域名来存储网站资源会更有效 ? 确保用户在不同地区能用最快的速度打开网站,其中某个域名崩溃用户也能通过其他域名访问网站。 ---- window 常用属性与方法有哪些 ?...,resize 程序窗口大小的多窗口操作系统。...标准模式的排版和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 ---- HTML5 为什么只需要写 < !...2、html 语义化让页面的内容结构化,结构更清晰, 3、便于对浏览器、搜索引擎解析; 4、即使在没有样式 CSS 情况下也以一种文档格式显示,并且是容易阅读的; 5、搜索引擎的爬虫也依赖于 HTML...sessionStorage 和 localStorage 不会自动把数据发给服务器,仅在本地保存。 存储大小 cookie 数据大小不能超过 4k。
如对HTML知识点感兴趣,可移步至:知识整理之HTML篇 CSS Hack CSS Hack就是针对不同的浏览器或不同版本浏览器写特定的CSS样式达到让浏览器兼容的过程。...伪类由一个冒号:开头,冒号后面是伪类的名称和包含在圆括号中的可选参数。 任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥,另外一些伪类可以同时被同一个元素使用。...CSS3对于伪元素的定义 伪元素在DOM中创建了一些抽象元素,这些对象不存在与常文档流中。 伪元素由两个冒号::开头,然后是伪元素的名称。 使用两个冒号::是为了和伪类(CSS2中并没有区别)做区分。...当涉及到可视化布局的时候,Block Formatting Context提供了一个环境,HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。...关于这一点,normalize.css修复的问题包含了HTML5元素的显示设置、预格式化文字的font-size问题、在IE9中SVG的溢出、许多出现在各浏览器和操作系统中的与表单相关的bug。
alert("alert用于弹窗"); 3.2 js写在head中 这种办法通常用于对特定页面写的特定js alert...BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。...这些扩展包括: 弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口大小 提供 Web 浏览器详细信息的定位对象 提供用户屏幕分辨率详细信息的屏幕对象 对 cookie 的支持 IE 扩展了 BOM...HTML DOM 是: HTML 的标准对象模型 HTML 的标准编程接口 W3C 标准 HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。 ?...在XML DOM每个元素都会被解析为一个节点Node,而常用的节点类型又分为 元素节点 Element 属性节点 Attr 文本节点 Text 文档节点 Document HTML DOM 定义了针对
CSS 指层叠样式表 ( Cascading Style Sheets )样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在...:before是伪元素,并且它生成包含放置在元素中的内容之前的生成内容的伪元素。使用content 属性来指定要插入的内容。默认情况下,生成的伪元素是内联的,但这可以使用属性显示更改。...position定位Static 定位HTML 元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到 top, bottom, left, right 影响。...注意: 如果两个定位元素重叠,没有指定 z - index,最后定位在 HTML 代码中的元素将被显示在最前面。...CSS3中可以指定背景图片,让我们重新在不同的环境中指定背景图片的大小。您可以指定像素或百分比大小。你指定的大小是相对于父元素的宽度和高度的百分比的大小。
至此这个选择器匹配结束,所有还在集合中的元素满足。 大体就是这样,不过浏览器还会有一些奇怪的优化。 注意: 1、为什么从后往前匹配因为效率和文档流的解析方向。...block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。...要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。 比如 P 元素,只能包含inline元素,而不能包含block元素。...display:inline inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。...它的特殊之处在于它不用像absolute疯狂“找爸爸”,它天生参照于浏览器窗口!当为对象设置固定定位后,该对象即处于浏览器窗口画面中的固定位置,无视文档长短、窗口大小和滚条滚动。
CSS 可以定义 HTML 元素如何显示。 CSS 大大提高工作效率,可以将 HTML 代码与样式代码分离,让原本 HTML 不能描述的效果,通过 CSS 描述出来。...样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。...CSS 伪类 CSS 伪类可对 CSS 的选择器添加一些特殊效果 锚伪类: 在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态...所有 HTML 元素可以看作盒子,在 CSS 中,box model 这一术语是用来设计和布局时使用。 盒子模型允许在其它元素和周围元素边框之间的空间放置元素。...分类属性 CSS 分类属性允许控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。
Html/Css --> 属性级HACK: _:选择IE6及以下。连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线更为合适。 *选择IE7及以下。...具体写法可参照以下示例。使用中需注意以下几点。该方法中必须为需要清除浮动元素的伪对象中设置 height:0,否则该元素会比实际高出若干像素; 清除浮动是为了清除使用浮动元素产生的影响。...26、::before 和 :after中双冒号和单冒号 有什么区别?解释一下这2个伪元素的作用。 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。...(伪元素由双冒号和伪元素名称组成)双冒号是在当前规范中引入的,用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法。...::before就是以一个子元素的存在,定义在元素主体内容之前的一个伪元素。并不存在与dom之中,只存在在页面之中。同理,after是在主体内容之后显示的。
内联样式 在HTML中,可以使用内联样式(inline style)来为单个元素定义样式,这样的样式规则仅适用于特定的元素。...ID 选择器 ID选择器用于选择页面中的唯一元素。与类不同,每个ID在文档中只能出现一次。...以下是一些常见的布局和定位属性: display属性:用于定义元素的显示类型,例如block、inline、inline-block等。不同的显示类型决定了元素如何排列和定位。...这些属性可以帮助你调整元素之间的间距以及元素内部的空白。 z-index属性:用于控制元素的堆叠顺序。当多个元素重叠时,z-index值较大的元素将显示在较小的元素上方。 8....伪类和伪元素 CSS引入了伪类(pseudo-class)和伪元素(pseudo-element),它们允许你选择页面上的特定部分,以便应用样式或添加特效。
在“监视”窗口、“快速监视”、“自动”窗口和“局部变量”窗口中都可看到内存中特定位置初变量的内容,但在“内存”窗口中可看到尺寸较大的图像。...可视化工具 通过可视化工具可以以有意义的方式查看对象或变量的内容。 例如,可以使用 HTML 可视化工具来查看 HTML 字符串,因为这样可以解释该字符串并在浏览器中显示出来。...为什么在 “即时”窗口中输入“$env=0”会显示被调试进程的所有环境变量? “$env”是一个伪变量。伪变量是用于在“局部变量”窗口或“快速监视”窗口中显示某些信息的术语。...对于伪变量“$env”,如果试图在“即时”窗口中修改它的值,那么就会将所有的环境变量显示出来,而不是显示环境块的大小。...对于伪变量“$CMDLINE”,如果试图在“即时”窗口中修改它的值,那么就会将启动程序的命令行字符串显示出来,而不是字符串的大小。
领取专属 10元无门槛券
手把手带您无忧上云