• css画正六边形

    说下两种css 制作正六边形的方法。 先看一下结果: 在之前要先了解一下正六边形内角和边的关系,正六边形的每个内角是60deg,如图(√3其实是根号3): 方法一 :原理把正六边形分成三部分,左中右分别是:before部分,div部分,after部分,如图: before三角形部分是d...

    2018-07-09 13:45:52

  • 山寨版计算器

    今天小酌一杯,起了点点飞智,想用HTML/CSS/JS来山寨一个mac系统自带的计算器。先给自己立两个flag: 【像众泰学习】外观、功能像素级拷贝为主,兼顾山寨气质。 【像泽野螳螂学习】原曲不使用。(努力做到不借鉴任何现成的方案) 废话不多说,现在开始。 首先,以下是...

    2018-07-09 13:45:51

  • 初尝微信小程序2-基本框架

    基本框架: .wxml :页面骨架 .wxss :页面样式 .js :页面逻辑 描述一些行为 .json :页面配置 创建一个小程序之后,app.js,app.json,app.wxss是必须的,而且名字也不能随意更改,这些是作用于APP全局的,而用户创建的一些目录,这些可以看做一个个页面,这些目录下面...

    2018-07-09 13:45:50

  • 移动端,点击之后某个区域后有阴影

    移动端页面按钮或者图标,点击的瞬间会有阴影,这是浏览器自带的,要去除这个阴影可以在css样式里加上以下属性:-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;...

    2018-07-09 13:45:50

  • react create-react-app 怎么添加sass

    一、先上官方文档 https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc 二、临时解决方法 1.安装 npm install sass-loader node-sass --save-dev 2.到目录node_modules/rea...

    2018-07-09 13:45:49

  • 山寨版计算器

    今天小酌一杯,起了点点飞智,想用HTML/CSS/JS来山寨一个mac系统自带的计算器。先给自己立两个flag: 【像众泰学习】外观、功能像素级拷贝为主,兼顾山寨气质。 【像泽野螳螂学习】原曲不使用。(努力做到不借鉴任何现成的方案) 废话不多说,现在开始。 首先,以下是...

    2018-07-06 01:50:08

  • 移动端,点击之后某个区域后有阴影

    移动端页面按钮或者图标,点击的瞬间会有阴影,这是浏览器自带的,要去除这个阴影可以在css样式里加上以下属性:-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;...

    2018-07-06 01:49:37

  • CSS浮动

    浮动到底是什么? 它既不是position,但又不在标准流里,那么它究竟是怎么定位的? 浮动一开始作为文字环绕图片产生 ! DOCTYPE html html head meta charset ="utf-8" title Document / title style type ="text/css" img { width : 60px ; float : right ; margin : 2...

    2018-07-06 01:49:29

  • css中的相对定位和绝对定位

    1.position:relative;如果对一个元素进行相对定位,首先它将出现在他所在的位置上。然后通过设置垂直或水平的位置,让这个元素“相对于”它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框...

    2018-07-06 01:49:26

  • 使用html+css+js实现计算器

    使用html+css+js实现计算器,开启你的计算之旅吧 效果图: 代码如下,复制即可使用: !DOCTYPE htmlhtmllang="en" head meta charset ="utf-8" style /* 主体 */ .counter { width : 396px ; height : 486px ; background-color : #F2F2F2 ; border : 1px solid #C2C3C...

    2018-07-06 01:49:26

2