css语法

CSS指层叠样式表，css语法，样式定义如何显示HTML元素，样式通常存储在样式表中。

css语法（CSs语法）

三、CSS如何使用

内联方式：样式定义在单个的HTML元素中

内部样式表：样式定义在HTML页的头元素中

外部样式表：将样式定义在一个外部的CSS文件中（.css）由HTML页面引用样式表文件

四、CSS规则特性

继承性：父元素的声明可以被子元素继承，css语法，如字体、颜色等。

层叠性：同一个元素若存在多个css规则，对于不冲突的声明可以叠加

优先级：同一个元素若存在多个css规则，对于冲突的声明以优先级高着为准。

五、CSS选择器

元素选择器：通过元素名来选择css作用的目标比如

、

等

类选择器：允许以一种独立于文档元素的方式来指定样式语法为:.className{}

CSs语法

CSS的代码是类似json数据的键值对，也就是key:value，当然，每一句都必须以分号（；）结束，切记，没有分号会出问题的。

其实类似json数据在我们生活中很常见，比如以下例子：

姓名：小明

性别：男

班别：19计机预师班

在以上例子中，“姓名”可以称为字段或者属性，姑且叫它“属性”吧，而后面的“小明”则是属性值，这样子就形成了一种明确的数据组，同样道理，先看一下CSS代码：

background-color：red;color:green;font-size:2em;......发现没有？其实这两种方式是差不多一样的，“background-color”是属性（property），而它的值（value）则是“red”，css语法，用这种方式，就设定了背景颜色为红色。只不过CSS代码后面必须要加分号（;）结束，在这里再次提醒。

css语法构成正确的是

本篇文章主要是总结几个前端面试常见的CSS面试题，希望对大家的面试有所启示。

一、CSS实现水平居中和垂直居中的方法有哪几种？

1、水平居中

.son{display:inline-block;text-align:center;}margin:0auto;这种方式的宽度需要固定已知//父布局的css需要设置overflow:hidden.father{width:100%;height:200px;overflow:hidden;//不可缺少否则margin-top不生效}.son{width:100px;height:100px;margin:50pxauto;}table-celldisplay:table-cell;/*IE8以上及Chrome、Firefox*/vertical-align:middle;/*IE8以上及Chrome、Firefox*/弹性布局flex.father{display:flex;justity-content:center;align-items:center;}.father{display:flex;flex-direction:column;//改变主轴为crossaxisjustity-content:center;}脱离文档流，css语法，操作对象宽度确定.father{position:relative;width:60%;height:400px;}.son{width:100px;height:160px;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-80px;}