第四天css感受

css体验：

/*  font-size:字体大小，单位一般使用像素。对于谷歌浏览器来说，最小的单位是12px IE浏览器不设置最小字体。

        color：给标签中的文字设置颜色，不是背景色。

        取值：十六进制，RGB，RGBA，颜色名（英文。）

        font-family:字体。

        字体设置会跟用户电脑中安装的字体有关，如果设置的字体，用户电脑中没有，会默认显示为微软雅黑，宋体。

        字体是可以设置多个值。

        中文字体和英文字体都可以设置。

        英文字体要放在前面，后面跟中文字体。字体之间用，分割开。后面是备用的字体。

    

 /* 宽 width

      ，高 height

      ，背景色 background-color

      ，边框 border 宽度，线的类型，颜色

      */

      width: 200px;

      height: 200px;

      background-color: pink;

      /* 中间是空格 */

      border: 10px solid gray;

基础选择：

选择器：选择页面上的元素进行样式的修改。

    标签选择器：

    通过标签名来选择相应的标签。

 

    会选择页面中所有的相应标签，不管嵌套关系是怎么样的。

 

    用途：a标签，li标签。利用标签选择器，进行默认样式的初始化。

    因为标签选择器会选择页面中所有的相应标签，实际工作中，不会用来更改某一个标签的样式。

    ID选择器：

    通过给标签设置一个ID值，然后通过这个ID值来选择标签。

    写法：

     #id{

      声明；

    }

    一个页面中ID值是唯一的，ID选择器只会选择一个标签。

    id值的写法规范：以字母开头，后面可以是数字，下划线或横线。

    痛点：

      假如有多个标签，有同样的样式，使用ID选择器的时候，需要分别给他们设置ID值，然后再重复的设置一样的样式。

      id常用场景：不是用来设置样式，配合js去添加事件的。

 

<!-- 类选择器

    通过标签的class属性来选择相应的标签。

    class值是可以重复的。

 

    格式：

    .class属性值{

      声明;

    }

    类选择器选择的是拥有相同class属性的标签元素。

 

    class属性是可以有多个的。命名规则与ID值是一样的。字母开头，后面跟 数字，下划线，横线。

    css样式书写样式 最多的选择器就是类选择器。

    通配符。*

    可以选择包括body在内的所有标签。

    现在不常用。因为效率不高。

    有的标签没有相应的属性，有的标签有相应的属性，这个时候使用通配符，所有的标签都会去执行一次。

  -->

    }