上一页 1 ··· 40 41 42 43 44 45 46 47 48 ··· 60 下一页
摘要: 你是如何理解 HTML 语义化的? 语义化:指对文本内容的结构化(内容语义化),选择合乎语义的标签(代码语义化)。 举例:段落用 p,边栏用 aside,主要内容用 main 标签。 好处: 便于开发者阅读和维护 有利于SEO:让浏览器的爬虫和辅助技术更好的解析, 语义化标签介绍: 在HTML5出来 阅读全文
posted @ 2020-02-27 22:56 Vincent-yuan 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 如何让一个子元素在父容器里水平垂直居中?这个问题必考,在实战开发中,也应用得非常多。 如何让一个行内元素(文字、图片等)水平垂直居中 行内元素水平居中 给父容器设置: text-align: center; 行内元素垂直居中 让文字的行高 等于 盒子的高度,可以让单行文本垂直居中。比如: .fath 阅读全文
posted @ 2020-02-27 22:40 Vincent-yuan 阅读(615) 评论(0) 推荐(1) 编辑
摘要: 常见的布局属性 (1)display 确定元素的显示类型: block:块级元素。 inline:行内元素。 inline-block:对外的表现是行内元素(不会独占一行),对内的表现是块级元素(可以设置宽高)。 (2)positon 确定元素的位置: static:默认属性值。 relative: 阅读全文
posted @ 2020-02-27 22:21 Vincent-yuan 阅读(125) 评论(0) 推荐(0) 编辑
摘要: CSS3中的 flex 属性,在布局方面做了非常大的改进,使得我们对多个元素之间的布局排列变得十分灵活,适应性非常强。其强大的伸缩性和自适应性,在网页开中可以发挥极大的作用。 flex 初体验 我们先来看看下面这个最简单的布局: 上面这张图中的布局是我们都熟悉的:默认文档流中,在一个父容器里放置多个 阅读全文
posted @ 2020-02-27 21:46 Vincent-yuan 阅读(569) 评论(0) 推荐(0) 编辑
摘要: 本文主要内容: 过渡:transition 2D 转换 transform 3D 转换 transform 动画:animation 过渡:transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征,可以实现元素不同状态间的平滑过渡(补间动画),经常用来制作动画 阅读全文
posted @ 2020-02-26 23:17 Vincent-yuan 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 我们在上一篇文章中学习了CSS3的选择器,本文来学一下CSS3的一些属性。 本文主要内容: 文本 盒模型中的 box-sizing 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 文本 text-shadow:设置文本的阴影 格式举例: text-shadow: 20px 27px 22px 阅读全文
posted @ 2020-02-26 21:58 Vincent-yuan 阅读(141) 评论(0) 推荐(0) 编辑
摘要: CSS3介绍 CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 CSS3的现状 浏览器支持程度不够好,有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 应对的策略:渐进增强 (1)坚持渐进增强的原则:让低版本浏览器 阅读全文
posted @ 2020-02-26 21:34 Vincent-yuan 阅读(246) 评论(0) 推荐(0) 编辑
摘要: CSS的定位属性有三种,分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 相对定位 相对定位:让元素相对于自己原来 阅读全文
posted @ 2020-02-25 23:36 Vincent-yuan 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 标准文档流 标准文档流的特性 (1)空白折叠现象: 无论多少个空格、换行、tab,都会折叠为一个空格。 阅读全文
posted @ 2020-02-24 23:00 Vincent-yuan 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 盒子模型 盒子模型,英文即box model。无论是div、span、还是a都是盒子。 但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。 盒子中的区域 一个盒子中主要的属性就5个: width和height:内容的宽度、高度(不 阅读全文
posted @ 2020-02-24 21:51 Vincent-yuan 阅读(290) 评论(0) 推荐(0) 编辑
上一页 1 ··· 40 41 42 43 44 45 46 47 48 ··· 60 下一页