css学习小结

  1. CSS：层叠样式表语言
  2. CSS的作用：修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看
  3. 在HTML页面中嵌套使用CSS的三种方式： 、
  • 第一种方式：在标签内部使用style属性来设置元素的css样式，这种方式称为内联定义方式。

       语法格式：

         <标签 style="样式名 :样式值;样式名:样式值;..."></标签>

  • 第二种方式：在head标签中使用style块，这种方式被称为样式块方式。

        语法格式:   <head>

                         <style type="text/css">

                          选择器{

                       样式名:样式值;

                        样式名:样式值;

}

                </head>

  • 第三种方式:链入外部样式表文件，这种方式最常用。(将样式写入到一个独立的xxx.css文件当中，在需要的网页上直接引入css文件，样式就引入了)

      语法格式：

       <link type="text/css"   rel="stylesheet"  href="css文件的路径"  />

        这种方式易维护，维护成本较低

        第二种方式涉及到三种选择器

  1. id选择器：直接用#id{

                        样式名:样式值;

                        样式名:样式值;

                           }

    2. 标签选择器:   标签名{     

                         样式名:样式值;

                         样式名:样式值;

                                }

    3. 类选择器:     .类名{         

                         样式名:样式值;

                         样式名:样式值;

                              }

 

posted @ 2019-09-24 20:03  小帅学java  阅读(6)  评论(0)    收藏  举报