CSS
每天都学习!
个人主页:shaohuahua.top
展开
-
CSS防遗忘指南
CSS内容盒模型定位普通文档流绝对定位浮动盒模型定位梳理普通文档流、相对定位、绝对定位、固定定位和浮动的关系。普通文档流普通文档流占据文档空间,相对定位是相对于普通文档流的位置进行定位,元素仍占据原来的空间,故相对定位属于普通文档流。绝对定位绝对定位相对于距离它最近的那个已定位(非static)的祖先元素确定位置,脱离了普通文档流,不占据空间。固定定位相对于视口(viewpoint),是绝对定位的一种。浮动浮动的元素不处于原来的文档流,不占据空间。非浮动元素中包含浮动元素,清除浮动的4原创 2020-08-09 16:56:07 · 168 阅读 · 0 评论 -
CSS实现垂直/水平导航栏
先看效果垂直导航栏水平导航栏导航栏 = 链接列表导航栏需要标准的 HTML 作为基础。在我们的例子中,将用标准的 HTML 列表来构建导航栏。导航栏基本上是一个链接列表,因此使用 ul 和 li 元素是非常合适的:<ul><li><a href="default.asp">Home</a></li><li>...原创 2019-04-11 13:04:46 · 24231 阅读 · 0 评论 -
天猫网页前端实现
文章目录前言公共页面置顶导航栏效果图布局搜索框效果布局页脚效果布局首页导航轮播效果布局关于背景颜色关于轮播图前言学习了jQuery和boostrap4的教程,苦于没有项目练手,于是决定模仿天猫网页,纯前端实现。首先先把天猫网页规划一下,大致可以分为:公共页面首页每一部分逐步完成,最后整合在一起。公共页面公共页面就是每个页面都有的内容,包括页头位置的置顶导航栏,紧接着页头的搜索框...原创 2019-05-10 16:47:23 · 11998 阅读 · 7 评论