css
今天也在写bug
不断摸索进步的菜鸟
展开
-
css隐藏元素的几种方式及区别
css隐藏元素的几种方式及区别原创 2023-02-05 15:24:49 · 92 阅读 · 0 评论 -
position-元素定位
position元素定位 css原创 2023-02-05 15:16:29 · 137 阅读 · 0 评论 -
行内元素和块级元素
行内元素和块级元素的具体区别原创 2023-02-03 17:53:55 · 606 阅读 · 0 评论 -
CSS 样式书写规范
编码设置采用 UTF-8 编码,在 CSS 代码头部使用:1@charset "utf-8";注意,必须要定义在 CSS 文件所有字符的前面(包括编码注释),@charset 才会生效。例如,下面的例子都会使得 @charset 失效:1转载 2017-08-03 13:33:17 · 537 阅读 · 0 评论 -
关于css布局(水平垂直居中)
在工作过程中一直碰到关于css布局的问题,其实除了margin:0 auto之外,还有一些很灵活的方法水平居中1)使用inline-block+text-align,先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。对子框设置display:inline-block,对父框设置text-align:center。<div class="parent"> ...原创 2018-03-09 14:32:24 · 188 阅读 · 0 评论 -
vue做移动端适配最佳解决方案,亲测有效
最近在做商城的项目,发现有赞的ui非常适合,但有一个问题是有赞的ui用的单位是px,做不了移动端的适配,官网的提供的vw适配方案发现不可行,最后还是决定rem来做适配,上网搜了一下,发现了一套可用方案,亲测有效哦它的原理是借助px2rem 插件方便的将px单位转为了rem具体步骤:安装npm install px2rem-loader lib-flexible --save 在main.js中引...转载 2018-05-25 17:20:34 · 41648 阅读 · 5 评论 -
大转盘抽奖的网页版和小程序版
今天整理了下以前写的小demo,把大转盘抽奖的代码,整合下,列了网页版和小程序两个版本,这个转盘抽奖的核心是H5的canvas和Css3的translate属性,非常简单,写了网页版和小程序版供大家参考,主要核心代码就是利用canvas画图,完整代码见https://github.com/Elve520/lottery,下载可用希望给大家带来帮助//转盘内部绘制lottery.prot...原创 2018-09-02 14:59:11 · 11740 阅读 · 2 评论 -
css中的Sticky footer 布局
什么叫Sticky footer 布局呢?我们所见到的大部分网站页面,都会把一个页面分为头部区块、内容区块和页脚区块,当头部区块和内容区块内容较少时,页脚能固定在屏幕的底部,而非随着文档流排布。当页面内容较多时,页脚能随着文档流自动撑开,显示在页面的最底部,这就是Sticky footer布局。一般网上会推荐几种方法,但经过亲身实践,我发现还是负margin布局方式比较实用,兼容性最好...原创 2018-10-23 10:17:04 · 321 阅读 · 0 评论