分类: Css/Html

16 篇文章

thumbnail
改变create-react-app默认端口
ReactJS: Changing Default Port 3000 in create-react-app 总共有三种方法 配置全局变量 配置 package 文件 创建 .env 1)配置全局变量 export PORT=8000 2) 配置 package 文件 … "scripts": { "start": “PORT=8000 reac…
thumbnail
react中不使用bind
Losing bind(this) in react.md 普通的写法 import React, { Component } from "react"; class ButtonWithBind extends Component { constructor() { super(); this.state = { toggle: false };…
float元素设置高度
方案一 在浮动元素下面加一个清除浮动的元素:div{clear:both} html <div class="clearfix"> <div style="float: left;">Div 1</div> <div style="float: left;">Div 2</div> <…
flex 布局
flex 布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 基本概念 flex布局元素分为:容器(flex container) 与 项目(flex item) 容器属性 flex-direction flex-wrap flex-flow justify-content align-item…
css 画图形
css画图形 1.css画实心三角形 原理: 先画一个最简单正方形 高、宽都为10px 然后为他加上边框也为10px 这个时候你就会发现,他变成了一个梯形 假如需要画一个向下的实心尖头,那么就先将梯形的右,下,左边框隐藏。然后就得到一个等腰梯形 这个等腰梯形的宽和高还是为10px,如果想要变成尖的三角形,那么就是直接去掉高和宽 具体实现看如下的 c…