项目github地址:https://github.com/aoping/les… 方法一:使用koala,这个软件可以实时把less编译成css,我们只需要安装软件,简单配置就可以了。 方法二:使用subl…
段落首字母设置样式
一、 要设置首字的样式,方法是:.ctn43:first-letter { font-size: 70px; font-family: 微软雅黑; color: #f5e327; float:left; line-hei…
Vue.js实现一个简易问卷平台(项目中遇到的问题总结)
项目地址 源码地址 预览地址(没有做响应式,请在电脑上打开) 使用了我自制的日历组件(初学vue时做的,有些糙)calendar-input 任务描述 参考设计图 实现一个简易版的问卷管理系统,有如下功能: 问卷管理列表…
CSS布局基础:两列 or 三列自适应
【第一列或某两列固定宽度,最后一列占据页面剩余宽度(即宽度自适应)】 写这篇文章主要是为了解决一个实际遇到的问题:左右两列布局,左侧宽度固定,右侧宽度自适应(或左中右三列布局,左侧和中间宽度固定,右侧宽度自适应),当页面…
CSS单位:px、em、rem
px 在平时的工作当中,我发现自己大多数时候是用px来作为CSS字体单位的,不仅如此,其实公司的所有前端项目都是以px作为CSS字体单位的。我们知道px(像素)作为CSS相对长度单位是相对于显示器的分辨率而言的。它的特点…
input下拉列表选中后背景变黄色
对于谷歌浏览器input输入框,下拉列表选中之后,input背景色变黄,这是什么鬼, 经查看,原来是这个在搞鬼, 解决方案: input:-webkit-autofill{ -webkit-box-shadow:0 0 …
BFC与IFC
block-level box: display属性为block, list-item, table的元素,会生成block-level box。并且参与block fomatting context。 inline-l…
CSS技巧
1、兼容所有浏览器显示半透明效果的方法 <div class="transparent"></div> .transparent { filter: progid:DXImageTransform…
vue实现旋转木马轮播
同事拿到个设计稿,是旋转木马的轮播效果,于是网上找了一下,发现了jquery实现的效果,一有空就看看源码,研究其实现原理,想着用vue的数据驱动方式来实现一个,但这个效果跟以往做的demo效果不同,每次思考实现都被卡住了…
CSSGAMES:纯CSS实现五星评价效果
上图: 上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title&…
css超过一定长度显示点点
Text-overflow: clip | ellipsis作用:文本溢出简单的裁切 Text-overflow: clip 表示不显示省略标记(…),只是简单的裁切,需要配合overflow:hidden和…
CSS选择器总结(分类、优先级)
CSS选择器是编写CSS代码时的一个核心概念,选择器定义了相应的样式将会影响到文档中的哪些部分,以下是自己在学习及工作过程中对CSS选择器的一些总结,希望能帮助到有需要的新手同学,同时也帮助自己巩固基础,加深记忆。 样式…