css
关注
分享
扫一扫
kaiking_g
永远不要把钱看作财富，真正的财富是占据生存资料实现永久不劳而获，不要把赚钱看成了最终目标，你嘲笑按揭买房的人是房奴，事实却是富人都在负债买资产，穷人越存钱越穷!
展开
-
案例-懒加载-web-javascript学习
懒加载 body,html{width:100%;margin:0;padding:0;} #box{width:100%;} #box ul{width:840px;padding:0px;margin:0 auto;overflow:hidden;} #box ul li{float:left;list-style: none;width:190px;background:原创 2017-06-10 12:50:56 · 910 阅读 · 0 评论 -
CSS-calc 兼容写法
width: 90%;/*写给不支持calc()的浏览器*/width: calc(100% - (10px + 5px) * 2);width:-moz-calc(100% - (10px + 5px) * 2);width:-webkit-calc(100% - (10px + 5px) * 2); ...原创 2017-10-30 15:22:59 · 11308 阅读 · 0 评论 -
Css3-迷宫圈
Css3-迷宫圈，多个同心圆，每每之间反方向旋转原创 2016-12-27 18:17:41 · 430 阅读 · 0 评论 -
CSS - link和@import的区别
页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是：XML/HTML代码 XML/HTML代码 @import url("CSS文件"); 两者都是外部引用CSS的方式，但是存在一定的区别：转载 2017-11-06 16:08:11 · 156 阅读 · 0 评论 -
nth-child 和 nth-of-type 的区别
先看案例：<ul class="demo"> <p>p</p> <li>one</li> <li>two</li> <div>div</div> </ul>区别：ele：nth-child: 选择的对象是父元素下所有子元素ele， 如上 ul....原创 2019-06-20 13:56:35 · 423 阅读 · 0 评论 -
Css3-实现小圆环绕大圆360旋转
css3，实现小圆环绕大圆360度旋转效果原创 2016-12-27 15:44:51 · 6182 阅读 · 0 评论 -
JS-canvas 渐变 绘制圆
菜鸟教程(runoob.com)您的浏览器不支持 HTML5 canvas 标签。var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var grd=ctx.createRadialGradient(50,50,10,50,50,30);grd.addColorStop(0.1,"#fff"原创 2017-09-12 16:04:54 · 1764 阅读 · 1 评论 -
vue 引入 stylus
安装：安装stylus之前，保证vue项目能正常运行npm install --save stylusnpm install --save stylus-loader使用：<div class="header"> <div class="header-left"> </div> <div class="h...原创 2019-06-04 23:58:00 · 481 阅读 · 0 评论 -
css flex 语法
容器的属性:1.flex-direction: (row | row-reverse | column | column-reverse;) 定义：决定主轴的方向（即项目的排列方向）。 2.flex-wrap: (nowrap | wrap | wrap-reverse;) 定义：默认情况下，项目都排在一条线（又称”轴线”）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。 注意：3.flex-flow: (<flex-direction> <fle原创 2021-04-13 15:11:13 · 171 阅读 · 0 评论 -
!DOCTYPE html 的作用
1.定义：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器；2.作用： 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。document.compatMode：BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。...原创 2019-06-04 09:56:00 · 11876 阅读 · 1 评论 -
css 摘记
css控制 字符，数字，单词的自动换行直接使用：word-wrap:break-word;word-break:break-all;解释：word-wrap 用来控制换行，有两种取值： normal break-word（此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。）word-break用来控制断...原创 2019-06-08 00:00:28 · 187 阅读 · 0 评论 -
vue 项目实战过程中，遇到的问题与解决方法
vue，涉及到三层关系组件嵌套（父子孙），孙子级组件首次无法加载数据问题解决 方法：把赋值方法写在this.$nextTick 里面即可比如：this.$nextTick(() => { this.form.data.classTypeId = this.editClassData.classTypeId})...原创 2019-01-25 15:15:07 · 1725 阅读 · 0 评论 -
仅用css实现左右固定宽度,中间自适应宽度的布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>layout_box</title> <style> html,body,h2{ margin: 0px;width: 100%; } h2{ line-h...原创 2018-08-07 22:13:45 · 513 阅读 · 0 评论