首页 > 其他分享 >横扫CSS - HTML知识复习

横扫CSS - HTML知识复习

时间:2024-10-20 17:00:09浏览次数:1  
标签:块级 复习 包含 DOM 元素 HTML div CSS

  1. HTML常见元素
    <meta name="viewport">视口,默认像素980px。适配移动端

  2. HTML版本对比

  3. HTML元素分类
    按默认样式分:块级block(div、p)、行内/内联inline(span)、inline-block(select)
    按内容分:

*4. 嵌套关系

  • 块级元素可以包含行内元素
  • 块级元素不一定能包含块级元素
  • 行内元素一般不能包含块级元素
    a 可以包含 div,为什么?
    a是透明transparent的model,浏览器对HTML文档进行计算时会把a拿掉。要取决于外部是什么元素,比如把a拿掉之后,div外面是一个div或者body那是可以包含的,如果是span那肯定是不合法的。
  1. 默认样式
* {
  margin: 0, 
  padding: 0
}

6. 面试真题

  • 语义化的意义?
    开发者易于理解;机器容易理解结构(搜索、读屏软件);有助于SEO(搜索引擎优化)。
  • 哪些元素可以自闭合?
    表单元素input、图片img、br hr、meta link.
  • HTML 和 DOM 的关系
    HTML是死的,是一串串文本字符串;DOM是活的,它由HTML解析而来。

- attribute和property的区别
attribute是HTML的原始属性,修改会改变HTML结构;property是元素当前状态,通过JavaScript来操作DOM元素的属性,不会修改HTML结构。

标签:块级,复习,包含,DOM,元素,HTML,div,CSS
From: https://www.cnblogs.com/gardenOfCicy/p/18487458

相关文章

  • 【CSS in Depth 2 精译_052】第三部分:现代 CSS 代码组织 + 第 8 章:概述层叠图层及其嵌
    当前内容所在位置(可进入专栏查看其他译好的章节内容)【第三部分现代CSS代码组织】✔️【第八章层叠图层及其嵌套】✔️8.1用layer图层来操控层叠规则(上篇)✔️8.1.1图层的定义(上篇)✔️8.1.2图层的顺序与优先级(精译中⏳)8.1.3revert-layer关键字文......
  • CSS--如何用清除浮动来解决父盒高度塌陷及文字环绕的影响
    一.父盒的高度塌陷概念在CSS中,当父元素的高度没有明确指定时,其高度由子盒撑开。若子盒全部浮走,则高度塌陷为0。实验一父盒高度为0的初始排列<style>article{/*给父盒设置宽度和背景*/width:1000px;/*height:600px;*/......
  • html+css实现下拉动画
    下拉动画是一个网页上经常看到的东西,有些这是控制它的出现,没有过渡效果,不是很丝滑,市面上看到的文章也只有改变固定高度的,而如何实现父元素的高度不确定的情况下,由子元素的高度作为整体高度,下面为我的代码,仅供参考。<!DOCTYPEhtml><htmllang="en"><head><metacharse......
  • [全国/全省/全市]初赛知识点复习大汇总
    目录计算机结构与组成原理计算机发展及应用1、第一台电子计算机的诞生:ENIAC2、第一台具有存储程序功能的计算机:EDVAC。图灵计算机发展阶段世界上最快的超级计算机计算机应用计算机保护知识产权计算机病毒硬件系统的组成概述CPU中央处理器存储器概述存储容量......
  • CSS--盒子的浮动
    盒子浮动概念浮动是CSS中的一种定位方式,可以使元素脱离正常的文档流,并相对于其父元素或其他元素进行定位。在布局中,可以使用浮动来实现盒子的位置调整和元素的排列。通过设置元素的float属性为left或right,可以使元素向左或向右浮动。浮动的元素会尽可能地靠向父元素的边缘或......
  • 码城|挑战中,Java面试题复习第3天,坚持就是胜利【悟空非空也】
     ......
  • 逼自己看完!!CSS布局技术之——两列布局
    看完你就又多学了一点了!两列布局样式 CSS3中提供了多列布局的支持,可以将文本内容以多列的形式进行排列。通过设置列数和间距等属性,可以控制列布局的样式。很多网站都有些共同的特点,如页面顶部放置一个大的导航栏或广告条,右侧是链接或图片,左侧放置主要内容,页面底部放置版权......
  • 重要升级:DHTMLX Gantt 9.0
    DHTMLXGantt9.0具有全面改进的主题、新的深色主题、手动安排的摘要、内置基线等经过数月的精心工作,我们很高兴推出DHTMLXGantt9.0。这一里程碑版本使我们的JavaScript甘特图界面焕然一新。9.0版带来了彻底改进的主题,并大大简化了甘特图的外观和感觉自定义。......
  • 第六章元素应用CSS
    6.1使用CSS设置字体样式font-family:设置字体的类型font-weight:设置字体的粗细font-size:设置字体的大小font-style:设置字体的倾斜6.1.1.字体类型        字体:具有传递语义功能和美学效应两方面作用        CSS:提供font-family属性来控制文本的字体类型......
  • 第六章 元素应用css
    6.1使用css设置字体样式6.1.1.字体类型h1{ font-family:fangsong;}6.1.2.字体大小font-size:25px;6.1.3.字体粗细font-weight:500;6.1.4.字体倾斜font-style:italic;6.2使用CSS设置文本样式6.2.1.文本水平对齐方式text-align:center;6.2.2......