CSS选择器和基础模型以及盒子模型

一、CSS选择器

1、CSS指的是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。CSS使开发人员能够分离内容和可视元素，以实现更好的页面控制和灵活性。

层叠：层叠指的就是样式的优先级，当产生冲突时以优先级高的为准。

作用：用来美化咱们的网页的。

2、语法规则

选择器{

  声明块

}

选择器：通过选择器可以选中页面的制定元素

声明块：通过声明块来制定要为元素设置样式

3、基础选择器 

        ①* 通配符选择器

        ②标签名/元素选择器

        ③类名选择

        ④id选择器

4、复合选择器

        ①父子选择器

        ②后代选择器

        ③并集选择器

二、基础模型

１、常用字体的一些属性： 

• f ont -family : 指定字体类型

• font- size ：指定文本的字体大小

• f ont -style ：指定文本的字体样式

• font-weight ：指定文本的字体粗细

            font:在一个声明中设置所有的字体属性

2、常用文本属性

• c olor : 设置文本颜色

• t ext-align: 对齐元素中的文本

• t ext -decoration: 向文本添加修饰

• l ine -height: 设置行高

 

３、其他常用样式

• width: 元素的宽度

• height: 元素的高度

• b ackground : 背景颜色

• o pacity : 元素透明度

overflow：指定如果内容溢出一个元素的框，会发生什么。

 三、盒子模型

1、盒模型组成

        ①content：指定内容的大小

        ②padding：内边距

        ③border：赋值的顺序

        ④margin：赋值的顺序
2、盒模型相关属性 

        ①box-sizing：用来设置盒子尺寸的计算方式

        ②outline：用来设置元素的轮廓线

        ③box-shadow：用来设定值元素的阴影效果

        ④border-radius：用于设变边框的圆角