CSS常用属性理解

        提起css属性，我们自然会想到，它是指用户在HTML文档选择器中用来描述如何呈现特定元素的特性。那么它具有哪些常见属性呢？常见属性的定义是什么样的呢？又在实际使用中会遇到什么问题呢？面试常见的问题有哪些呢？让我们一一揭开这些常用属性的面纱吧！！！

一、常用属性有哪些？

        1、字体属性（font-*）

        2、颜色和背景属性（color、background-*）

        3、文本属性（文字对齐、行高等）

        4、边距属性（内外边距、边框等）

        5、布局属性（定位等）

        6、鼠标属性（cursor）

        以上这些属性都可以使用内部样式（style标签）、外部样式（link标签）和内联样式（元素属性）三种方式引入使用；

二、常见属性的定义是什么样？

        1、字体类

• font-family ：设置字体样式
• font-size ：设置字体大小
• font-weight ： 设置字体粗细
• font-style：设置字体样式
• color ：设置字体颜色

        2、颜色和背景类

• color：设置字体颜色
• background-color ：背景颜色
• background-image ：背景图片
• background-repeat：背景的重复方式
• background-position：背景图片定位，属性值可以为数值，可以为百分比，也可以为关键字；第一个为水平方向，第二个为垂直方向
• background-size：设置背景尺寸

background: 背景颜色 背景图片 背景定位 背景重复显示方式

background: #ccc url(./src/1.png) 200px 10px no-repeat;
 

        3、文本类

• text-align：设置文本对齐方式
• text-decoration：设置文本装饰方式
• line-height ：设置文本行高
• text-indent：设置文本缩进

        4、边距类

• margin-left：对象左边外延边距
• margin-right：对象右边外延边距
• margin—top：对象上边外延边距
• margin-bottom：对象下边外延边距

• padding-left：对象左边外延边距
• padding-right：对象右边外延边距
• padding—top：对象上边外延边距
• padding-bottom：对象下边外延边距

• border-width ：边框粗细
• border-style ：边框样式 dashed ：虚线 solid：实线
• border-color : 边框颜色

border: 边框设置简写 边框粗细 边框样式 边框颜色

border: 1px solid #ccc;

        5、布局类

• float：浮动布局
• position：定位布局
• flex：弹性布局
• gird：网格布局

        6、鼠标类

• pointer：小手
• move：移动图标
• text：文字选择器
• crosshair：十字架
• wait：等待
• help：帮助

三、常用属性的实际用法？

        常用font设置字体的大小、粗细、颜色、字体类型等；需要注意的是，font本身受根元素的font大小影响，浏览器的根font-size大小是最小font；

四、面试常见的问题有哪些？

        1、说说你对盒子模型的理解?

        2、box-sizing属性

        3、css选择器有哪些？优先级？哪些属性可以继承？

        4、说说em/px/rem/vh/vw区别?

        5、css中，有哪些方式可以隐藏页面元素？区别?

        6、谈谈你对BFC的理解？

        7、元素水平垂直居中的方法有哪些？

人生海海，码途徐徐，在每一段经历中，留下成长的印记，爱自己爱生活爱思考！