基础知识的梳理

小萌新的前端之路

    语义化标签中的article、section、aside之间的区别与彼此之间的用法。在头部header以及底部footer确定的情况下，中间部分使用article，在article中间可以使用section、aside，当然也可以使用header和footer。
    article内除去header、footer外以及一些其他的附加信息用aside外，其余可以用section来进行区域的划分。在一些元素实在不符合header、nav、aside、article、section、footer的情况下就直接使用div。
    另外的为a标签的其余三个应用：
    第一个为“给我发送邮件”{<a href=”mailto:123456@outlook.com”>Email</a>}；
    第二个为“拨打电话”{<a href=”tel:18888888888”>Call me</a>}；
    第三个为“开页面”：（一般不用，默认为不开）不新开页面，只是跳转当前页面{<a target=”_self” href=””>内容</a>}；
    开新页面{<a target=”_blank” href=””>内容</a>}；               第四个为“锚点”（同一个页面内的跳转）{<a href=”#maodian”>跳转内容</a><h1 id=”maodian”>内容</h1>}。
    实体字符：（&开始    ;结束）
    Eg：空格：&nbsp;           版权符号：&copy;
    >  ：&gt;                并且（and）符号：&amp;
    <  ：&lt;
    Inherit：继承{在书写时（子集写），不写就不是强制继承，写了就是强制继承。声明与继承的机制：在父代写有声明而子代没有的情况下，浏览器对子代写有声明的话，声明的继承就是将对浏览器对子代的声明检查完没有的情况下继承，而拥有的不能继承只能表现浏览器的（先有声明再有继承）}
    在link引用外部表时它与内部标的级别是一样的，在对同一元素的声明冲突的情况下（比较优先级一样），按照书写的顺序进行表达；而当对同一元素的声明冲突的情况下（比较优先级不一样），按照比较优先级的顺序进行表达（与书写位置无关）。
    并列选择器：为不同元素添加相同样式。
    Eg：（P、Div、Span都有相同的样式）
    书写：P,div,Span{内容}
    兄弟选择器（又叫相邻选择器）：A与B为兄弟，且为同一个父元素。A必须写在B的前面，并且中间不能有其余元素。
    通用选择器（不相邻的兄弟）：
    P~Div{color}P必须书写在Div上面，但是中间可以加类似于Span的元素，并且可以选中多个Div。
    伪类选择器：
    :nth-child(n)从第n个起，添加内容
    :nth-child(n+3)从第三个起，添加内容
    :nth-child(-n+3)前三个附加内容
    :nth-last-child(3)倒数第三个附加内容
    :nth-child(3),:nth-child(4)第三个与第四个添加内容
    否定伪类选择器：
    :not(:nth-child(3))除了第三个全部附加内容
    :not(:nth-child(3)):not(:nth-child())除了第三个与第四个全部附加内容
    动态伪类选择器：
    书写顺序（l-v-h-a）:link    :visited    :hover       :active
    分别为未访问：link    已访问：visited     鼠标悬停：hover    鼠标点击：active
    link与visited只能运用于a，而hover与active以运用于其他元素。
    扩展：（只能用于a）:focus(当鼠标与触屏不能使用时，按tab间，a标签会有一个边框出现进行选中。)
    伪元素：:selection{color   b-c}（在用户用鼠标左键对内容进行选中复制时，对b-c与color进行改变）
    :beforeEg：P::before(xxx)在P前面进行添加内容
    :afterEg：P::after(xxx)在P后面进行添加内容
    属性选择器：格式：元素名[name=”box”]{xxx}选中name为box的元素名添加样式
    格式：元素名[name^=”F”]{xxx}（F为name的一部分，eg：F70只记得F）（是以F开头，中间不行 Fxxxx）
    选中name中含有F的元素名添加样式
    格式：元素名[name$=”0”]{xxx}（F为name的一部分，eg：F70只记得0）（是以0结尾，中间不行 xxxxx0）
    选中name中含有0的元素名添加样式