小结

1.什么是HTML?

HTML是英语HyperText Markup Language的缩写,超文本标记语言。
.html就是网页的格式。
html本质上和txt没有任何区别,他们都是纯文本文件。
html是一个纯本文文件(就是用txt文件改名而成),用一些标签来描述文字的语义,这些标签在浏览器里面是看不到的,所 以称为“超文本”,所以就是“超文本标记语言”

2.网页的原理?

  • 用户输入网址之后,对应的服务器就发现有人请求我的网页了,所以这个服务器就会把网页和相关的图片、js文件、css文件、flash文件都通过HTTP协议传输到用户的电脑里面。
  • HTML页面在用户的电脑里面进行渲染。
  • HTTP协议指的是超文本传输协议。
  • 每一个网址,都对应了服务器上面的确定的文件。

3.字符集的声明方式?

第一种:UTF-8

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

第二种:gb2312
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

4.什么是空白折叠现象?

HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。

5.什么是相对路径?

每次都从.html文件所在文件夹开始查找

6.什么是绝对路径?

每次都从指定的盘符开始查找

7.什么是锚点?以及它的使用方法?

  • 锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接
  • 使用方法:
    <a href="#C1">跳转到第一章</a>
    <h2 id=”C1”>我是第一章</h2>

8.div与span的区别?

  1. div会单独占领一行,而span不会
  2. div是一个容器级标签,span是个文本级标签

9.label标签的作用?

可以让文字和输入框绑定到一起

10.写出你所知道的实体字符?

  • 空格&nbsp

  • 小于号&lt

  • 大于号&gt

  • 版权&copy

11.什么是CSS?

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

12.如何外链CSS?

<link rel="stylesheet" href="./css/base.css">`

13.Css属性权重是如何计算的?

  1. 第一等:代表内联样式,如: style=””,权值为1000。
  2. 第二等:代表ID选择器,如:#content,权值为0100。
  3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
  4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。
  5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
  6. 继承的样式没有权值

14.权重计算方法?

  1. 首先计算选择器中有多少个id,id多的选择器优先级最高
  2. 如果id个数一样,在看类名个数,类名个数多的优先级最高
  3. 如果类名个数一样,再看标签名称个数,标签名称个数多的优先级最高
  4. 如果id个数和类名个数和标签名称个数都一样,那么久不会再向下计算了,此时,谁写在最下面就听谁的,

15.!important标签的作用?

用于提升摸个直接相中标签的选择器中的某个属性的优先级的,可以将被指定的优先级的属性提升为最高

16.什么是盒模型?

网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解,所以叫它盒子模式。

17.什么是标准文档流,以及它的特点有哪些?

标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时,各种元素的排列规则。

特点:

  • 同级元素同时左浮的话,源代码在前的在左,依次向左拍;
  • 同时右浮的话,源代码在前的在右,依次向右排

18.块级元素有哪些特点?

块级元素总是以块的形式表现出来

并且跟同级的兄弟块依次竖直排列,左右自动伸展

直到包含它的元素的边界,在水平方向不能并排。

19.行内元素有哪些特点?

  1. 默认同行可以继续跟同类型标签;
  2. 内容撑开宽度
  3. 不支持宽高
  4. 不支持上下的margin和padding
  5. 代码换行被解析成空格

20.哪些是行内元素,哪些是块级元素?

块级元素:

  • div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

行内元素:

  • span, strong, em, br, img , input, label, select, textarea, cite

21.浮动元素有哪些特点?

  1. 使块元素在一行显示
  2. 使内嵌支持宽高
  3. 不设置宽度的时候宽度由内容撑开
  4. 脱离文档流
  5. 提升层级半层

22.为什么要清楚浮动?

在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素
在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。
这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。

23.写出你所知道的清除浮动的方法?

  1. 给前面一个父元素设置高度
  2. 给后面的盒子添加clear属性
  3. 隔墙法
  4. 使用伪元素选择器清除
  5. Overflow:hidden清除浮动

24.什么是margin的塌陷现象?

在标准文档流中,块级标签之间竖直方向的margin会以大的为准,这就是margin的塌陷现象。

但是,脱标之后就不会出现margin的塌陷现象。

25.如何让盒子居中?

会让盒子水平居中,但是他有他的使用注意事项:
标准流的盒子而且有宽度的盒子才能用margin:0 auto;让其居中;文本居中要使用text-align:center;

伪类选择器

:nth-child(length); /参数是具体数字/
:nth-child(n); /参数是n,n从0开始计算/
:nth-child(nlength) /n的倍数选择,n从0开始算/
:nth-child(n+length); /
选择大于length后面的元素/
:nth-child(-n+length) /
选择小于length前面的元素/
:nth-child(n
length+1); /表示隔几选一/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 前言 因为要在团队内作一次技术分享,想了几个题目,最后还是决定系统总结一下我在CSS布局这方面的知识。一是这个题目...
    Samhanx阅读 3,808评论 0 6
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,990评论 0 1
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,568评论 0 8
  • 今天我单位共出动6人,巡查园山街道保安社区窝肚新村、荷坳社区满堂街、安良社区安良七村、大康社区上大万村、西坑社区教...
    you呦阅读 1,586评论 0 0