2、CSS基础样式(1)

1、行间样式表

      写法:在标签中,写一个style的属性,比如:style="width: 200px;height: 100px;...;background: green;"。引号当中些相应的css样式。

      缺点:不利于维护,不利于代码重用;

      优点:优先级最高;

     

111111

2、内部样式表

      写法:在header标签里,写一个style的标签;在标签中,通过选择器来控制样式;

    选择器:

    (1)  标签名选择器

          写法:标签名 {

                              width: 200px;

                              height: 100px;

                              background: green;

                      }

      (2)  id选择器

            写法:标签中设置ID属性;

                       #id名 {

                                   ......css样式;

                       }

            温馨提示:id名应以英文字母开头;id名不能重复,唯一;

     (3)  class选择器

            写法:标签中设置class属性;

                       .class名 {

                                  ......css样式;

                       }

            温馨提示:class名应以英文字母开头;

      选择器优先级:标签名选择器 <  class选择器  <  id选择器   <  行间样式;

      缺点:不利于代码重用;

      优点:加载速度快,不需要请求服务器;

3、外部样式表

      写法:在header标签里,写一个link标签,用来关联一个css文件,在css文件中,通过选择器来控制样式;

      温馨提示:

      缺点:需要请求服务器;

      优点:利于代码重用;

你可能感兴趣的:(2、CSS基础样式(1))