css简介、书写位置、语法(vscode)

时间:2024-10-02 09:51:37

css简介:

<!-- 网页分成三个部分

        html   结构   30个左右标签,先用一段时间

        css    表现   外在显示的样子

        js     行为

        

        html  超文本语言

        css  -层叠样式表

             —网页是一个多层的结构,css可以给每一层结构设置样式,

             最终你看到的是最上面的一层

       

        你要找的事,找对追求目标,然后各种花招追求她(他)   -->

css书写位置:

<!-- 第一种方式:内联样式/行内样式

        书写位置:开始标签  style属性,讲css样式写在style属性值里面

              可以写多个样式,只要用分隔号;隔开即可

        优缺点:

          优点:有针对性

          缺点:1、结构和表现耦合了

               2、修改起来不方便

        注意:不推荐使用

    -->

 

<!--第二种方式:内部样式表

       书写位置:head标签内部,写一个style标签,通过选择器选中对应的html结构,

            在花括号里面书写css样式,可以写多组样式,样式之间用;隔开,

                最后一个样式后可以不加分隔号,但一般都加上

        优缺点:

          缺点:复用率不高

        注意:css比较多的时候,不推荐使用

            但教学期间,用的可能比较多

    -->

<!-- 第三种方式:外部样式表

      书写位置:在html文件外,新建一个.css文件,在css文件里通过选择器选中

          对应的html结构,在花括号里面书写css样式,

          然后在head标签内写一个link标签将对应的css文件引入到html文件内

        注意:推荐使用

   

    -->

 

<!--    

      css语法:样式名,样式值

               color   设置字体的颜色  red  green  yellow  

               font-size  设置字体的大小   px   默认的字体大小是16px

               background-color  设置背景颜色   red  green  yellow  

     -->

css的语法:

/* css注释符号 */

      /*

        CSS的注释,作用和HTML注释类似,只不过它必须编写在style标签中,或者是css文件中

        CSS的语法:

          选择器  声明块    

        选择器:有多种选择器

        声明块:具体的css样式,是写在花括号里面

          样式的结构:名值对结构(样式名:样式值;),可以写多组样式,用分隔号隔开      

      */