小结

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); /表示隔几选一/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349

推荐阅读更多精彩内容

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