AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
百度前端技术学院-基础-day7.8
任务：参考如下设计稿实现HTML页面及CSS样式 代码点击预览HTML1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metaname="viewport"content="width=device-width,initial-scale=
CSS笔记
-@规则@charset 设置样式表编码@import 导入其他样式文件(模块化)@meida 媒体查询(移动端开发)@font-face 自定义字体自定义字体到www.iconfont.cn阿里妈妈图标库选图标放入购物车下载代码，解压将后缀为.eot.svg.ttf.woff.woff2的文件复制到项目中打开压缩
弹性盒子布局
1、弹性盒子内容弹性盒子由弹性容器(Flexcontainer)和弹性子元素(Flexitem)组成。弹性容器通过设置display属性的值为flex或inline-flex将其定义为弹性容器。2、flex-direction 属性flex-direction 属性指定了弹性子元素在父容器中的位置。flex-direction的值有:ro
CSS3中flex布局的flex-basic、flex-grow、flex-shrink
基本概念Flex是FlexibleBox的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。采用Flex布局的元素，称为Flex容器（flexcontainer），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flexitem），简称"项目"。如何转换为Flex布局任何一个容器都可以指定为Flex布
flex九宫格一点小思考
看到一道面试题，用flex布局九宫格，决定自己实现一下基础版.father{display:flex;/*必须给宽高把盒子撑起来，然后调整width可看是否要正方形*/width:300px;height:300px;flex-direction:column;}
vue项目之主页布局
1.背景2.基本结构 代码:<template><el-containerclass="home-container"><!--头部--><el-header>Header</el-header><el-container><!--左侧--><el-asidewidth="200px">As
flex布局
flex布局(Flexible布局,弹性布局) 重要概念:开启flex布局的元素叫做 flexcontainerflexcontainer里面的直接子元素叫做 flexitems如何开启flex布局:?设置display属性为flex或者inline-flex可以成为flexcontainerdisplay:flex  块级元素,flexcontainer
css3(三)弹性布局
弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。(1)
Flex布局的简单使用
最近通过观看pink老师的视频学习了flex布局，以此来记录flex的简单使用！flex布局原理flex是flexibleBox的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失
flex布局
flex布局优缺点布局简单，移动端使用较广pc端支持较差，IE11或更低版本不支持flex布局原理flex是flexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局以后，子元素的float、clear和vertica
2020年9月
2020.09.12搭建github博客失败,因为用到其他语言ok下载第一次量化数据,没有总结ok正在重新遍历量化数据ok跟着糗事百科视频开发,遇到需要学习flex和css基础okflexokcssok继续跟着做,完成了顶部搜索栏和导入阿里巴巴图标库ok2020.09.14售药机完成ok整理量化数据,
应届毕业生，只会抄代码，该怎么办？
先看再点赞，给自己一点思考的时间，微信搜索【沉默王二】关注这个靠才华苟且的程序员。本文GitHubgithub.com/itwanger已收录，里面还有一线大厂整理的面试题，以及我的系列文章。二哥你好。作为一个应届毕业生，有些事想咨询一下。我是普通本科软件工程专业毕业的，因为在学校的时候贪
uniApp 列表
 普通列表例图： 代码片段：<template><viewclass="teacher"><viewclass="teacher-list"><viewclass="list-title"><imageclass="image"src="h
线性布局
线性布局指的是沿水平或者垂直方向排布子组件。flutter中通过row和column来实现线性布局。row和column都继承于flex。Row({...TextDirectiontextDirection,MainAxisSizemainAxisSize=MainAxisSize.max,MainAxisAlignmentmainAxisAlignment=MainAxis
BFC
BFC的基本概念: 通俗的讲，就是一个特殊的块，内部有自己的布局方式，不受外边元素的影响。BFC原理:BFC内部的盒子，会在垂直方向，一个接一个地放置。垂直方向上也会发生边距重叠。BFC就是页面上的一个独立容器，容器里面的子元素不会影响到外面的元素，外边的也不会影响里边的。BFC的区
flex-direction的值及使用效果
原文链接：https://www.cnblogs.com/wangyawei/p/9103573.html采用Flex布局的元素，被称为Flex容器(flexcontainer)，简称"容器"。其所有子元素自动成为容器成员，成为Flex项目(Flexitem)，简称"项目"Flex-direction调整主轴方向（默认为水平方向）包括row、column、row-reverse、column-re