css基础样式

1.css的定义：

     css是层叠样式表，是用来修饰网页的内容，例如，文字大小，颜色，背景颜色等。

2.css样式的类型：

  ①行内样式：直接写在标签的属性中，格式为：<标签名 style="css代码>。

   例如:

   

        今天天气真好
   
    注释:style表示样式属性
         color：red
         文字颜色属性:color
         属性值：red 红色

 运行结果为: 今天天气真好

 ②内部样式：在html中，将所写的内容写在body标签中，然后在head标签中，引进style标签，  并在该标签中通过标签名选择器来对文字的颜色或者大小进行设置。

   
   
      
   注释：link 链接标签
        rel:规定引入的文件的类型
        stylesheet:样式表文件
        href:外部样式的路径

    
晚上好

  3.三种样式的优先级：同一个标签都是给文字设置颜色时，会出现颜色覆盖，行内样式大于内部和外部样式，优先级最高，对于出现内部样式和外部样式时，按照就近原则，谁离body标签近，就按照谁来设置文字的颜色。

4.css选择器：

①标签名选择器:按照标签名进行     格式为：标签名{ }，例如上面内部样式的代码中就采取了标签名选择器。

②id选择器：id是唯一的，每个标签的id是唯一的。

例如：

   


    
盒子1

运行结果为：盒子1

③类名选择器：给标签添加一个class属性，class=‘类名值’，不唯一，可以给不同的标签使用一样的类名值。

例如:

  
    


  

    今天真热呀！
  

运行结果为：今天真热呀！

④子级选择器：ul>li

例如：

   


   

     
今天好累呀
     
今天真的很有意义！
   

运行结果为：今天好累呀

                      今天真的很有意义！

5.选择器优先级：id选择器>类名选择器>标签名选择器>子级选择器，若选择器优先级一样，就以后面的选择器为准，就和变量赋值一样，后面的覆盖前面的。