小结

作者: sweetMood | 来源:发表于2017-01-18 21:41 被阅读0次

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

    相关文章

      网友评论

          本文标题:小结

          本文链接:https://www.haomeiwen.com/subject/rbpbbttx.html