zoukankan      html  css  js  c++  java
  • html冲刺

    html知识点回顾与面试题
    <!--
    1、<DOCTYPE>告诉浏览器当前文档要以何种HTML或者XHTML规范解析
    2、语义标签
    strong 粗体
    em 斜体
    del 删除线
    ins 下划线

    3、阻止a标签默认跳转
    1)原生js:<a href="..." onclick="return false"></a>
    2)jquery/原生js:$('a').each((e)=>{
    e.preventDefault()
    })

    获取鼠标事件对象:在IE/Opera中,是window.event,而在Firefox中,是event。chrome两种都支持

    4、em/rem的区别
    1)rem是基于html根节点的字体大小来决定
    2)em则根据使用它的元素的大小决定(很多人错误以为是根据父类元素,实际上是使用它的元素继承了父类的属性才会产生的错觉)

    5、对齐与居中
    1)line-height属性用于设置行间的距离(行高)
    单行文字的垂直居中对齐,将line-height属性设置为所需要的行框高度,即line-height=height
    若是多行文字,上述设置文本方法失效,设置父容器上下padding一致即可
    2)text-align用于设置盒子内部文本内容水平对齐方式
    3)水平垂直居中方法1:-->
    #out {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border:1px solid green;
    }

    #inner {
    display: inline-block;
    border:1px solid red;
    100px;
    height: 100px;
    }

    <!--这在子元素不确定宽高和数量时,特别实用

    6、块级元素与行内元素
    1)块级元素:h系列/p/div/ul/ol/li
    特点:高宽,内外边距均可控,从新一行开始,可以容纳其他块级元素和内联元素(但p/h不能容纳其他块级元素)
    2)行内元素:a/span
    特点:水平方向的内外边距可设置,只能容纳文本和其他行内元素(a特殊里面可以放块级元素)

  • 相关阅读:
    github上的每日学习 13
    github上的每日学习 12
    github上的每日学习 11
    github上的每日学习 10
    github上的每日学习 9
    github上的每日学习 8
    github上的每日学习 7
    面向对象程序设计寒假作业2
    MySQL安装和配置
    Fast Packet Processing with eBPF and XDP部分
  • 原文地址:https://www.cnblogs.com/Tanqurey/p/10630965.html
Copyright © 2011-2022 走看看