随笔分类 - css
摘要：好久没有更新内容了，今天记录下弹性布局的知识点，比较简洁，不多说其他话了，直接开写。 一、flex布局的设置方式和组成部分 设置方式：在需要弹性布局区域的父元素上添加dispaly: flex，这个父元素必须是直系父元素。 组成部分：弹性容器、弹性盒子、主轴、侧轴或交叉轴。 二、属性： 1、just
阅读全文
摘要：前面有一章节介绍了使用html+css实现小兔鲜儿网页案例，但是这是一个纯静态网页。最近因为又补充学习了一下前端基础知识WebAPI篇，看到了老师实现的放大镜效果和固定侧边栏效果，因此，突发奇想，直接在小兔鲜儿案例上实现了上述两种功能。 首先，先看下商品详情页面的放大镜效果是什么样子的。由于手上没有
阅读全文
摘要：本博客主要用途是记录学习笔记。 最近在跟着黑马课程学习搭建小兔鲜儿项目，现阶段主要用HTML+CSS完成静态页面的展示，因此为了加深使用css样式的记忆和学习搭建项目的一些小技巧，此文留下了小笔记。 下面是小兔鲜儿页面展示效果： 一、项目的整体结构 本项目是在vscode环境中完成的。项目结构如下所
阅读全文
摘要：css中的position是个很重要的属性，这里介绍常见的四种定位方式。 定位方式 static 静态定位 默认定位，标准流， 不配合方位属性移动 relative 相对定位 相对自己之前的位置进行移动，没有脱标 absolute 绝对定位 脱标。相对于除静态定位的父元素定位移动，有两种情况 （1）
阅读全文
摘要：为了防止后续忘记css一些常见的属性，每隔一段时间会记录有关于css相关的知识。这一章节主要介绍css 的float属性。 1、一些常见float的值 值 介绍 left 左浮动 right 右浮动 none 默认值 inherit 继承父元素float的值 2、特点 （1）会脱标， 在标准流中不占
阅读全文
摘要：一、结构伪类选择器 定位html中的元素 选择器 作用 E:first-child() 父元素中第一个子元素，并且是E元素 E:last-child() 父元素中最后一个子元素，并且是E元素 E:nth-child(n) 父元素中第n个子元素，并且是E元素 E:nth-last-child(n) 父
阅读全文
