CSS
关注
分享
扫一扫
qq_37880655
这个作者很懒，什么都没留下…
展开
-
HTML5 canvas简单用法
前端学习总结于慕课网canvas的大小两种方法 1:标签内width=”” height=”“<canvas id="chess" width="450px" height="450px"></canvas>2:js定义var canvasWidth = 800;var canvasHeight = canvasWidth;var canvas = ...原创 2022-09-22 10:26:38 · 195 阅读 · 0 评论 -
瀑布流的两种方法
纯css这是两列外层的盒子作为主控。（ps：他是先加载一列在加载一列，如果有分页也是如此，体验效果不好，如果没数字显示，没分页加载影响不大）.box { width: 100%; -moz-column-count: 4; /* Firefox */ -webkit-column-count: 4; /* Safari 和 Chrome */ column-count: 2;//分为几列 -m原创 2021-06-22 16:43:20 · 605 阅读 · 0 评论 -
个人工作中遇到的echarts&layui&vue痛点
在标题前加图标title: { text: ['{a| 标题内容}'], left: '20', top: '10', textStyle: { //文字颜色 color: '#fff', //字体大小 fontSize: 18, rich: { a: { height: 20, width: 20, fontSize: 18原创 2021-03-23 15:41:06 · 416 阅读 · 0 评论 -
如何让img的宽高等比例(纯css和js方法)
js+css+html:css.userimg{width:100%}jq$(document).ready(function(){ var width = $('.userimg').css('width'); var heig = parseInt(width);//var heig = parseInt(width)*0.75 宽高比4:3 heig = heig+转载 2017-12-28 10:15:41 · 5507 阅读 · 0 评论 -
手机端地址选择例子(php+HTML+css+js)
基于thinkphp模板<!DOCTYPE html ><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>添加地址</title> <meta name="viewport" content="initial-scale=1.原创 2017-12-29 10:20:33 · 1792 阅读 · 0 评论 -
常用css
1:适用于手机端屏幕宽度适应 例子:尺寸从大往小写.hd-wrapper{margin-top: 5%;} @media screen and (max-width: 375px) { .hd-wrapper{margin-top: 4%;} } @media screen and (max-width: 320px) { .hd-wrapper{margin-top: 1%;...原创 2017-12-29 10:17:18 · 2104 阅读 · 1 评论 -
数独游戏前端学习笔记及后续解数独方法
学习于默课网学习视频的整理笔记基于我本地已经安装了nmp/node所以只添加了yarn安装yarn: npm install -g yarn安装成功后，查看版本号yarn --version项目里到这一步我遇到了问题本地安装babel-loader和bable-preset-es2015报错后经度娘是版本问题我把package.json文件里&amp;quot;gulp&amp;quot;: &amp;quot;原创 2019-02-21 10:55:43 · 1569 阅读 · 0 评论