Cascading Style Sheet层叠样式表

Cascading Style Sheet层叠样式表

选择器

标签:<p> <div>...之类的标签        使用方式：直接输入标签名

类（class）: class 名字                  使用方式：输入点+class名

ID： ID名                                     使用方式：输入#+id名

一把来说我们写CSS文件的时候用的斗士第二种选择器，class名
这是因为ID名一般被用作JS的选择器
给class命名也是有规范的，像  xxx-xxxx   这样做的好处是让你的代码
更清晰，别人也更容易看懂。

三种连接样式

行内样式（内嵌样式）： <h1 style="font-size: 24px;" >绝句</h1>
直接写在标签里，使用style属性，只对当前标签有效，页面内容和表现形式
是高度耦合的，不利于分工合作

内部样式（内联样式）：<style type="text/css">
           p {
                font-size: 24px;
            } 
        </style>
内部样式是在head部分使用<style>标签，样式对当前页面有效，内容和表现形式
实现了一定程度的分离，但不彻底

外部样式（外联样式）：      .text4{
                                        text-align: right;
                                                  } 
 
外部样式需要一个link标签来与html连接起来，内容与表现形式完全分离，
而且任何需要用到改样式的页面都可以通过link标签连接的方式来实现