css
本章主要介绍css
旧城空巷旧心
一个不断学习的web前端
展开
-
jq 鼠标悬浮样式
记录下 https://www.jq22.com/yanshi10251原创 2021-02-25 15:50:59 · 271 阅读 · 0 评论 -
css的水平垂直居中的七中方式
水平垂直居中说到css 我们在工作中经常用到的就是垂直居中: 但是水平垂直居中你知道几种呢? 今天让我来带你们了解居中的各种方法第一种方法 利用定位//代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi...原创 2019-11-21 09:42:44 · 192 阅读 · 0 评论 -
css弹性盒模型详解----子元素的屬性
本篇文章介绍弹性盒模型子元素的基本属性前言 父元素的6种属性介绍了五种,最后一张align-content 就不介绍了 属性的效果用其它的基本都能实现 初学者以后有兴趣可以自行研究弹性盒模型 谢了display:flex 就可以当做是弹性盒子 但是弹性盒子下面的 子元素有很多时候受父元素的影响 所展现的不是特别符合自己的要求,还有当自己需要跟多 而弹性盒子做不到的时候 子元素往往能进行...原创 2019-11-18 19:09:21 · 844 阅读 · 0 评论 -
css弹性盒模型详解---- align-items
本篇文章详细介绍了弹性盒模型的 align-items 属性什么是align-items? align-items 是 设置或检索弹性盒子元素在(Y)轴方向上的对齐方式。其下有四种属性: flex-start:弹性盒子元素的(Y)轴起始位置的边界紧靠住该行的侧轴起始边界。 flex-end:弹性盒子元素的(Y)轴起始位置的边界紧靠住该行的侧轴结束边界。 center:弹性盒子元...原创 2019-11-13 19:41:17 · 1499 阅读 · 0 评论 -
css弹性盒模型详解----justify-content
本篇文章详细介绍justify-contentjustify-content的几种属性 flex-start:弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的main-start边线,而后续弹性项依次平齐摆放。 flex-end:弹性项目向行尾紧挨着填充。第一个弹性项的main-end外边距边线被放置在该行的main-end边线,而后续弹性项...原创 2019-11-13 18:18:00 · 1317 阅读 · 0 评论 -
css弹性盒模型详解----flex-flow
本篇文章主要介绍 flex-flow一次介绍两个知识点是自己前期没有捋顺关系 flex-flow应该和上两篇文章一起介绍的 但是后介绍也有后介绍的好处,通过前两篇文章我相信你对 flex-direction属性和flex-wrap属性有了很清晰的了解,而flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。<!DO...原创 2019-11-13 15:20:30 · 389 阅读 · 0 评论 -
css弹性盒模型详解----flex-wrap
本篇文章详细介绍flex-wrap flex-wrap是控制盒模型容器下一级子元素的在一行显示的时候是否换行 nowrap(默认值):不换行 wrap:自动换行 wrap-reverse:换行,第一行在下方。//第一条属性 默认的nowrap 不换行<!DOCTYPE html><html lang="en"><head> ...原创 2019-11-13 15:08:10 · 2461 阅读 · 0 评论 -
css弹性盒模型详解----flex-direction
本篇文章详细介绍flex-direction flex-direction 是控制盒模型容器下一级子元素的排列方式的属性 一共有四种 row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。//第一种属性 flex-direct...原创 2019-11-13 14:01:17 · 927 阅读 · 0 评论 -
css弹性盒模型详解-介绍
一、什么是弹性盒模型官方的统一回答:弹性盒模型是指在父级改变大小的时候内部的自己元素也会相应的改变大小,即子集会按照父级的大小按比例自适应大小。 弹性盒模型的提出可以解决一些响应式布局的需求二、基本使用采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”注意事项设为F...原创 2019-11-13 13:36:44 · 461 阅读 · 0 评论