css
WinterWang0207
github: wangwenqi0207
工作繁忙博客许久未更新 非常抱歉
展开
-
vue 表单 单选 切换样式
<div class="form_input"> <span>性别</span> <label class="sex sex1" v-bind:class="{ active: isChoose1 }"><input name="sex" type="radio" value="m" v-model=...原创 2019-12-27 13:40:38 · 589 阅读 · 0 评论 -
子元素相对于父元素固定定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-12-25 09:45:53 · 1036 阅读 · 0 评论 -
css面试题
BFC是什么?BFC,块状格式化上下文,其实是一个隔离的独立盒子(容器),他有以下特性:容器里面的子元素不会影响到外面的元素,容器外的元素也不会影响到里面 BFC容器会一个挨着一个排列 计算BFC的高度时,浮动元素也参与计算 BFC的区域不会与float box重叠怎样触发(创建)一个BFC?boby的根节点 浮动的元素:float除了none以外 绝对定位的元素:posi...原创 2019-12-18 10:36:23 · 178 阅读 · 0 评论 -
css 局域滚动内容
效果代码:<template> <div> <div class="right-select" style="margin-top:50px;"> <ul> <li>张三1</li> <li>张...转载 2019-05-30 15:42:18 · 216 阅读 · 0 评论 -
vue中使用sass
先安装npm install node-sass --save-devnpm install node-sass --save-devnpm install style-loader --save-dev如果npm安装报错,就安装cnpm配置loader在项目中的build目录找到webpack.base.conf.js文件,在该文件module.export中的mo...原创 2019-05-30 10:03:14 · 2728 阅读 · 0 评论 -
css实现包边正方形
最终效果: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .Box{转载 2019-02-26 14:35:29 · 1090 阅读 · 0 评论 -
移动Web开发,4行代码检测浏览器是否支持position:fixed
var div = document.createElement('div');div.style.cssText = 'display:none;position:fixed;z-index:100;';body.appendChild(div);console.log(window.getComputedStyle(div).position != 'fixed');对于不支持f...转载 2019-02-25 11:01:23 · 152 阅读 · 1 评论 -
图示flex弹性盒布局
flex-direction justify-content align-items flex-wrap 子元素属性:align-selfflex order原创 2019-02-11 13:45:13 · 256 阅读 · 0 评论 -
css 小笔记【一】
元素水平垂直都居中几种方式:1 第一种定宽高元素,水平垂直居中于窗口:position:fixed; left:50%; top:50%;margin-left:-width/2; margin-top:-height/2;2 第二种不定宽高元素,水平垂直居中于窗口:position:fixed;left:0;top:0;bottom...原创 2019-02-13 14:44:33 · 259 阅读 · 0 评论 -
css3核心属性
圆角效果以前:做一个图片做为按钮背景现在:border-radius 半径值阴影以前:带阴影的图片现在:盒阴影box-shadow文本阴影text-shadow透明度元素透明和颜色透明 opacity 指定0-1之间的小数数值媒体查询用途 响应式布局@mediaBootstrap源码中有大量使用...原创 2019-02-08 09:41:35 · 128 阅读 · 0 评论