前端中的HTML、CSS以及JS的一些小知识

1．HTML

      HTML：定义文档的结构 

   <a href="" class="" id="">link</a>

        标签/元素、属性、文本  节点（Node）        

Element

Text

Attr

    

        内联（inline）  

 label,input,td,a,span

        块级（block)

   pre,div,p,h1,nav,footer,main

block和inline的区别：

1.内联定义宽高无效，块级定义宽高有效

2.内联多个成一行，块级独占一行

 

---

     

 2.CSS

    CSS：定义文档的样式（颜色，大小）和布局（位置）

   CSS选择器:

1. !important      style 属性

    <a style="" href=""></a>

 2.    Id：#a

    class

   class="a b c"

 3. 元素/标签:header ,footer

 4.属性:input[type=”submit‘’]

 5.伪类：:hover ,:nth-child

选择器的优先级：！Important(不能被覆盖)>元素的style属性值>ID选择器>类选择器>元素选择器

同一级别的按照加载的先后顺序，后面定义的会覆盖之前定义的    display: none/block

---

3.box 模型

     

        元素的宽高/内容

        padding

        border

        Margin：元素与父元素、兄弟元素的间距

---

4.JS

    JS:定义文档的样式和布局

    行为交互（用户、网络）