摘要: 你是如何理解 HTML 语义化的? 语义化:指对文本内容的结构化(内容语义化),选择合乎语义的标签(代码语义化)。 举例:段落用 p,边栏用 aside,主要内容用 main 标签。 好处: 便于开发者阅读和维护 有利于SEO:让浏览器的爬虫和辅助技术更好的解析, 语义化标签介绍: 在HTML5出来 阅读全文
posted @ 2020-02-27 22:56 Vincent-yuan 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 如何让一个子元素在父容器里水平垂直居中?这个问题必考,在实战开发中,也应用得非常多。 如何让一个行内元素(文字、图片等)水平垂直居中 行内元素水平居中 给父容器设置: text-align: center; 行内元素垂直居中 让文字的行高 等于 盒子的高度,可以让单行文本垂直居中。比如: .fath 阅读全文
posted @ 2020-02-27 22:40 Vincent-yuan 阅读(661) 评论(0) 推荐(1) 编辑
摘要: 常见的布局属性 (1)display 确定元素的显示类型: block:块级元素。 inline:行内元素。 inline-block:对外的表现是行内元素(不会独占一行),对内的表现是块级元素(可以设置宽高)。 (2)positon 确定元素的位置: static:默认属性值。 relative: 阅读全文
posted @ 2020-02-27 22:21 Vincent-yuan 阅读(159) 评论(0) 推荐(0) 编辑
摘要: CSS3中的 flex 属性,在布局方面做了非常大的改进,使得我们对多个元素之间的布局排列变得十分灵活,适应性非常强。其强大的伸缩性和自适应性,在网页开中可以发挥极大的作用。 flex 初体验 我们先来看看下面这个最简单的布局: 上面这张图中的布局是我们都熟悉的:默认文档流中,在一个父容器里放置多个 阅读全文
posted @ 2020-02-27 21:46 Vincent-yuan 阅读(761) 评论(0) 推荐(0) 编辑