初识css

什么是CSS？

        cascading Style Sheet(css样式表或层叠样式表或者级联样式表)

        作用：html页面中元素的位置、排版、样式外观等

        CSS语法：

            由选择器、一条声明或多条声明组成

            选择器：通常是需要改变样式的html标签

            声明组：以大括号{}括起来的

            选择器{

                属性：属性值；

                属性：属性值；

                ----

            }

 类选择器

             语法：

             html---通过class属性定义

               <开始标签 class=""></结束标签>

             css---通过.进行表示

                  .class名称（样式声明）

            作用：选择所有带有指定类型的元素

            注意事项：class可以重复使用，但是id不能

        多类名使用（）词列表

             语法：空格隔开

             <div class="color1 box box1"></div>

        类和id选择器名称规则：

                1.见名知意，尽量用英文

                2.建议 只能由数字、字母、下划线、$组成

                3.不能以数字开头

                4.多个单词尽量使用驼峰命名法 fontColor

总结：

           行内样式：适用于某个元素拥有特殊样式时使用，结构样式【不分离】

           内部样式:适用于单个页面特殊样式使用，结构样式【半分离】

           外部样式:适用于多个页面拥有特殊样式时使用【相分离】

 行内样式

             语法：

                 <开始标签 style="属性：属性值；属性2：属性值;"></结束标签>

                 注意：任何html元素都可以设置行内样式

                 优缺点：

                     比较直观；相同的样式需要重复定义，造成代码冗余；作用范围小，不利于后期代码的维护；代码不能重复使用

                     结构样式不分离；

d选择器

           html -- id属性进行定义

               <开始标签 id="id名称"></结束标签>

            css -- 用#进行表示

               #id名称{样式声明}

        注意：id选择器具有唯一性