常见的HTML和css常见的语句,前端常见面试题-html和css

HTML语义化

HTML语义化就是让页面内容结构化，它有如下优点1、易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。3、方便其他设备解析，如盲人阅读器根据语义渲染网页4、有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐

如：代表头部代表超链接区域定义文档主要内容可以表示文章、博客等内容通常表示侧边栏或嵌入内容代表尾部

HTML5新标签有、、、、、、等...CSS

rem与em的区别

rem是根据根的font-size变化，而em是根据父级的font-size变化

rem：相对于根元素html的font-size，假如html为font-size：12px，那么，在其当中的div设置为font-size：2rem,就是当中的div为24px

em：相对于父元素计算，假如某个p元素为font-size:12px,在它内部有个span标签，设置font-size：2em,那么，这时候的span字体大小为：12*2=24px

CSS新特性transition：过渡transform：旋转、缩放、移动或者倾斜animation：动画gradient：渐变shadow：阴影border-radius：圆角

绝对定位和相对定位的区别

position: absolute绝对定位：是相对于元素最近的已定位的祖先元素

position: relative相对定位：相对定位是相对于元素在文档中的初始位置

水平垂直居中

Flex布局display: flex //设置Flex模式flex-direction: column //决定元素是横排还是竖着排flex-wrap: wrap //决定元素换行格式justify-content: space-between //同一排下对齐方式，空格如何隔开各个元素align-items: center //同一排下元素如何对齐align-content: space-between    //多行对齐方式

水平居中行内元素：display: inline-block;块级元素：margin: 0 auto;Flex: display: flex; justify-content: center

垂直居中行高 = 元素高：line-height: heightflex: display: flex; align-item: center

多行元素的文本省略号display: -webkit-box-webkit-box-orient:vertical-web-line-clamp:3overflow:hidden