CSS
文章平均质量分 73
CSS练习
我要手撕源码
这个作者很懒,什么都没留下…
展开
-
文本在盒子中水平垂直居中
水平居中 text-align: center; 垂直居中 vertical-align 无法满足所有情况 vertical-align只对拥有valign特性的元素才生效 <td>、<th>、<caption>等 <div>、<span>没有valign特性,因此需要 vertical-align: middle 几种常用垂直居中方法 单行文本居中 <div class="div1">单行文本居中</div>原创 2021-12-29 14:51:03 · 582 阅读 · 0 评论 -
CSS盒模型
两种盒模型 1.IE盒模型 width = border + padding + content 2.W3C盒模型 width = content ie 6 7 8 怪异模式不添加doctype的情况下使用IE盒模型 chrome ie6、7、9(添加doctype的情况下)使用W3C盒模型 box-sizing作用 声明使用的模型 box-sizing 值 模型 content-box W3C模型 border-box IE盒模型 ...原创 2021-12-29 10:48:32 · 455 阅读 · 0 评论 -
纯CSS使用animation实现Loading效果
效果图 代码实现 HTML 为5个div添加样式后就可以得到5个圆 <div class="container"> <div class="point"></div> <div class="point"></div> <div class="point"></div> <div class="point"></div>原创 2021-09-07 22:44:49 · 405 阅读 · 0 评论 -
【CSS_在练习中提升】01_扩展盒子
目录实现效果代码HTMLJSCSS完美居中图片撑开元素字体定位动画过渡完整CSS 实现效果 点击图片就进行放大(其他图片缩小) 动画过渡效果 完美居中 文字嵌在左下角 图片撑开元素 代码 HTML 这部分较为简单,稍微看一下即可 1.在head标签中引入css样式 <link rel=“stylesheet” href=“style.css” /> 2.在底部引入js文件 <script src=“script.js”> 3.中间为图片和文字的标签 <!D原创 2021-08-19 12:57:24 · 266 阅读 · 0 评论