提起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、元素水平垂直居中的方法有哪些?