转载

前端中的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:定义文档的样式和布局

    行为交互(用户、网络)

 

正文到此结束
本文目录